livinginstereo

Interesting solution. Your site looks great, by the way, kahil! Would you mind posting your header.php code where the two overlaid jpgs are? That might help me! Thanks.

<i>Only in the sense you have to place the map element in a template with the image.</i>

Which is exactly my question. How or rather where do I place that code in my header template? Currently my code for the header.jpg in my header.php looks like this:

#header { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/headersoundsville.gif”) no-repeat bottom center; }

Ok thanks again, Moshu. But maybe there’s some confusion about my question. I know how to create a hotspottable jpg on my own. I just don’t know how or where to insert that code into my WP-powered site. Maybe that isn’t a WP question, but it seems like one to me.

OK, sorry. But I saw threads inquiring about how to insert Flash headers into a WP based site, and I think my question is along the same lines.

Ha! ?? Well just wait till I ask about how to insert a jpeg with two separate clickable hotpots! That’s next on my insane agenda ??

Of course, the second I post all that code, I figure it out! I changed the wong part! Now it seems to work!!!!

Thanks to Fruitfly and Mejane for the guidance! I’m sure I’ll need more. ??

Here is the code for my new header.php. It’s definitely getting Included with my new Page template. But even though I changed the name of the header gif to my new one, it’s still not showing the old one. The new header gif is called: headersoundsville.gif The old one was just header.gif

=====
[moderated – long code removed]
=====

OK, I figured out the Template switcher for Pages. That’s cool!
I created a new Page template php. I’m able to switch to it now. I also followed the instructions for the Include Tag, which seems to be exactly what I want to do. I created a second header.php which I now have associated with my new Page template.

It seems to work, only I can’t get the new header to show my new image. I added the new header image to my site, but it’s still showing the old header gif. I know the new Page template is including the new header template (and over riding the default header) because I’m able to change some other parameters and it shows those changes. But it’s still not showing the new header gif.

Any thoughts? Again my site is: https://www.livinginstereo
The new Page with the new Template is https://livinginstereo.com/?page_id=17

Well, the last bit seemed to work! Thanks!

I’ll try working on individual templates. Thing is, I have no idea how to code the main page.php or the index.php to tell it to get the individual templates….

Wow, I was having exactly the same problem on my site, and that fix mejane posted did the trick. Thanks!!!

Ok, that worked great! My friend will just have to learn to type some html!

OK, finally figured it out. I had been misinterpreting the following note in the style.css file:

*** REGARDING IMAGES ***

All CSS that involves the use of images, can be found in the ‘index.php’ file.

This is to ease installation inside subdirectories of a server. */

However, the note neglected to mention that I had to edit the header.php file, not the index.php file. I changed the dimensions in the header.php and got the header to the desired size! Yay!

Now if someone could just explain how to make my header.gif clickable to send people back to home when they’re exploring the site!

OK, I think I figured out how to make things wider, but I still can’t change the height of the header. Also, anybody know about the code for making my header.gif clickable so it can send folks back to the Home?

Yeah, I’ve changing those dimensions, but they don’t seem to make anything wider. I wonder if I’m running into a Tag problem. At the bottom of my style.css file I have this:

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

cursor: help;

}

acronym, abbr {

border-bottom: 1px dashed #999;

}

blockquote {

margin: 15px 30px 0 10px;

padding-left: 20px;

border-left: 5px solid #ddd;

}

blockquote cite {

margin: 5px 0 0;

display: block;

}

.center {

text-align: center;

}

hr {

display: none;

}

a img {

border: none;

}

.navigation {

display: block;

text-align: center;

margin-top: 10px;

margin-bottom: 25px;

}

/* End Various Tags & Classes*/

I wonder if I need to add something to or modify the Navigation tag?

Arrgh, that headline should read Kubrick not Kubirk!