Asphalt Roads

Here’s the example.

First, different header pictures on each page. That’s an easy one. Just edit the img tag on each one. What I’ve still haven’t figured out is how to implement that on WordPress. Main page will be index.php but different sections will be made with the so-called “static pages” function. I think that’s the CMS part of WP in action, but how do I control the header images on each one independently? My first approach will be making a page template file (page.php) without header information. That way I could edit each one on the Manage area.
Second, a navigation menu made up with images and with hover changes. This is not as easy and thus, at the moment it’s not reacting to hover action. My first thought is to use Flash for it, but I’m sure there must be another way. I’ve already search list-a-matic for a similar example but couldn’t find any lists based on different images. It could be a sliding background image, but I can’t think of some way to expand an empty list item so it can be clickable. There must be an obvious solution but right now it escapes my head. My last resource would be to use javascript and DOM in a way similar to what Dreamweaver calls behaviours.

Last problem — h2 tag color different for each section. That could be solved with a template that doesn’t include those h2 tags but since they come from the WP’s loop it’s rather hard to mess with it.

Anyway, happy birthday to me.