Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Different Header Images for each page AND Image Map Menu -- OR???

Old Jun 30, 2011, 09:18 AM
135 posts · Jun 2009
Hi guys!

Okay, I have a puzzle. And here are the pages affected:


And here is the situation:

The client is a graphic designer and wants his header image, menu bar and page titles to appear as totally graphic images. And the page title MUST be aligned against the menu bar.

So I have installed Dynamic Headers plugin. I tried to write image maps for each page's menubar and inserted the image maps codes into Add HTML/CSS Inserts > Header Inserts: Body Top. With separate images maps for each page, and all of their codes inserted here, then ALL of the header images appear on each page. LOL!

So here is a possible solution, for which I need your guidance:

If I break up the menubar itself into separate images for each button, is there a way to create a menubar AND have the page title graphic be aligned against the menubar?

Or is there a better way to achieve the results my client wants?

It's a brain twister for me! LOL!

Thanks in advance for all of your help!

Old Jun 30, 2011, 01:44 PM
lmilesw's Avatar
10,174 posts · Jul 2009
Central New York State USA
Here are a couple "off the top of my head ideas". I didn't do any testing.

How about wrapping the image maps in a div with an id and putting those divs in "Configure Header Area"?

For the page titles I would look at creating background images for the h1 tag.

To limit the above to particular pages I would use a selector like
HTML Code:
body.page-id-19 div.post-headline {
background: code for background image and postioning;
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
Old Jul 6, 2011, 09:54 AM
135 posts · Jun 2009
Hi Larry!

I had an epiphany over the weekend and figured it out!

I have placed a separate image map at the top of the center column content of each page. And it's working!

Thanks so much for your reply, cause it got my brain working. Here is the result:


Have a great day!



Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to replace header image and menu with image map? Yeeh Atahualpa 3 Wordpress theme 2 Nov 11, 2011 05:31 AM
Header Images - One fixed image for Home Page - Rotate all images on all other pages? ClearlyRobert Header configuration & styling 10 Oct 12, 2010 12:12 PM
Suggestions Please! Need plugin to create rollover images for image map. kippiper Plugins & Atahualpa 0 Nov 15, 2009 04:30 PM
Would like image map added to header.php to only appear on the static homepage southrules Header configuration & styling 1 Aug 27, 2009 11:14 AM

All times are GMT -6. The time now is 10:14 AM.

Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.