theme fixed image not clickable
minoxes - August 12, 2009 - 13:49
First off, wilderness is a great theme! only one question:
How to make the h_back.jpg included in the wilderness theme a clickable banner? I only find one instance of the h_back.jpg in the stylesheet:
#featured {
position: relative;
height: 206px;
background: url(images/h_back.jpg) no-repeat center;
}
any suggestions?
I suppose one solution would be to remove the image, however, it doesnt work to just remove the jpg file, and I don't know where to go from there.
_
I'm not familiar with the theme, but you should be able to change your page.tpl.php to wrap the banner in a
<a href=...>tag.Pete.
I'm not really familiar with
I'm not really familiar with that theme, but making a background image clickable is something you can do with some HTML and CSS.
Add a link in your #featured div in your template like so:
<a href="/link/path">Link Text</a>You'll then see it in that div above the background, but chances are you don't want to show it. Then make these CSS changes:
Replace the code you posted above with this:
#featured {position: relative;
height: 206px;
background: url(images/h_back.jpg) no-repeat center;
text-indent: -10000px;
}
Then add this below it in your stylesheet:
#featured a {display: block;
width: 200px; <-CHANGE THIS TO WHATEVER YOUR WIDTH IS
height: 206px;
}
That should create a basically empty link above your background. The trick is getting the dimensions of the link right so it looks like your background image is what the link actually is.
DC
--------------------------------
Delicious Creative
Liverpool Web Design, Video, Audio, & Creative Services
http://www.deliciouscreative.com
--------------------------------
Delicious Creative
Liverpool Web Design, Video, Audio, & Creative Services
http://www.deliciouscreative.com
_
Good answer, la' :-)
Pete.
Ta!
Ta!
--------------------------------
Delicious Creative
Liverpool Web Design, Video, Audio, & Creative Services
http://www.deliciouscreative.com