By AndrewE on

Would someone be so kind as to remind me how to make a masthead image clickable in php code. I learnt it once but have forgotten. I seem to remember implementing it in the theme css file.

Thanks indeed.

F.Q.

Comments

nevets’s picture

nevets commented

In php code you would do something like

<?php
  $img = '<img src="/source_file" />';
  $link = l($img,  $path, array(), NULL, NULL, FALSE, TRUE);
  print $link;
?>

Where your replace source_file with the appropriate path to the image and $path is the path you wish to refrence (such as node/5).

AndrewE’s picture

AndrewE commented

Wow, I struck lucky today, 2 queries and 2 great replies within an hour. The drupal community has my respect.

Thanks.

F.Q.

TGR - a writer's space | mechanical i

AndrewE’s picture

AndrewE commented 
#header {
/*<?php 
 	$nb = rand(1, 6);
	$banner_url = "./img/banner/b".  $nb . ".jpg";
	if (!file_exists($banner_url)){
	  $banner_url = "./img/banner/b1.jpg";
	}
	
?>
    background: transparent url(<?php echo $banner_url ?>) top left repeat-x; */
    background: transparent url("./img/banner/b5.jpg") top left repeat-x;		
		height: 139px;  	  		
}

My header image is called b5.jpg and I want to link it simply to the 'home' page which is the url of my site: http://www.tgr.writerspace.net/

Using your suggested code above what is the best way to go about this without me messing it up?

Much obliged,

F.Q
TGR - a writer's space | mechanical i

nevets’s picture

nevets commented

Since you are using a background image the answer is different. The simple anwser is as far as I know you can't make the background image clickable. You can make the header html clickable with some javascript but then it becomes browser dependent. The other way is to move the image into a img tag in the template that generates the HTML. Details for this will vary depending on which template you are using. Which template system are you using?

Lostmonkey’s picture

Lostmonkey commented

I am interested in knowing how to make a background image used as the site header clickable. Using a phptemplate-based theme.

Can anyone help me?

gthing’s picture

gthing commented

I just found a cool way to do this.

Create a single transparent pixel in gif format. Don't use png or you'll have problems in IE6. Save it as pixel.gif and add this link at the top of your header div. 

<a href="http://website.com" title="Link"><img src="/path to/pixel.gif" alt="alt text" style="width:200px;height:100px;" /></a>

You can mess with the dimensions to get the right size.

cornelcus’s picture

cornelcus commented

Only to thank you for the solution of a problem that bothered me two weeks!
Regards,
Cornel

unifey’s picture

unifey commented

This is a very elegant solution.