Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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???


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

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

http://wrightperspective.com.previewdns.com/services/
http://wrightperspective.com.previewdns.com/posters/
http://wrightperspective.com.previewdns.com/logos/
http://wrightperspective.com.previewdns.com/corporate/
http://wrightperspective.com.previewdns.com/ads-more/
http://wrightperspective.com.previewdns.com/cartoons/

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!

KIP
  #2  
Old Jun 30, 2011, 01:44 PM
lmilesw's Avatar
lmilesw
 
10,176 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.
  #3  
Old Jul 6, 2011, 09:54 AM
kippiper
 
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:

http://wrightperspective.com.previewdns.com

Have a great day!

KIP

Bookmarks



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 09:36 PM.


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