By minoxes on

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.

⋅ Categories: Drupal 6.x

Comments

pbarnett’s picture

pbarnett commented

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.

jeni_dc’s picture

jeni_dc commented

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

pbarnett’s picture

pbarnett commented

Good answer, la' :-)

Pete.

jeni_dc’s picture

jeni_dc commented

Ta!