Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

One header image that is clickable to three different pages?


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 27, 2011, 12:18 PM
jms5017's Avatar
jms5017
 
72 posts · Jul 2010
NY/NJ Metro area
ATA 3.6.7, WP 3.2.1. Is is possible to have a single header image and divide it into three separate clickable areas so that each one-third of the header image clicks to a different page? If so, can you tell me how or give me strong hints on where to look. The posts that I've read deal with rotating images clicking to different pages, and I'm not sophisticated enough to adapt those solutions to my case. Thanks in advance!
  #2  
Old Sep 27, 2011, 12:24 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
You could create an image map using this tool or you could put three parts of the same images side by side and hyperlink them.
__________________
~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 Sep 27, 2011, 02:28 PM
jms5017's Avatar
jms5017
 
72 posts · Jul 2010
NY/NJ Metro area
So if I put the images side by side , I would ftp one image to the header images folder, select "no" to the question to "Make header image clickable?" and then add the hyperlink code to the "add HTML/CSS" section? Can that be right? But how does each portion of the single header image become clickable to a separate page?
  #4  
Old Sep 27, 2011, 02:45 PM
lmilesw's Avatar
lmilesw
 
10,082 posts · Jul 2009
Central New York State USA
You would put html where you normally would have %image. You wouldn't use the header images folder.
__________________
~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.
  #5  
Old Oct 5, 2011, 07:40 AM
jms5017's Avatar
jms5017
 
72 posts · Jul 2010
NY/NJ Metro area
I've tried to implement this with limited success and weird results. Each image links OK to the right place, but I can't figure out where the horizontal white bar that runs through the pictures of the babies is coming from. Site is Take a look at cfpftest.info

The config header area says:
%bar1 %logo %bar1 %page-center %image.
Header image height is 230
The three baby images are loaded via the following code in the " overlay header image"

<div id="header_image_threepart">
<a href="http://www.cfpftest.info/need-a-nurse">
<img src="/wp-content/themes/atahualpa/images/neednurse.jpg" alt="Do you need a baby nurse" /></a>
<a href="http://www.cfpftest.info/be-a-nurse">
<img src="/wp-content/themes/atahualpa/images/benurse.jpg" alt="Become a baby nurse" /></a>
<a href="http://www.cfpftest.info/new-mommy">
<img src="/wp-content/themes/atahualpa/images/newmommy.jpg" alt="Baby Care for New Moms" /></a>

</div>

I loaded a plain white image of 230px height to the header folder because I was getting php errors when the header folder was empty.

Now the really bizzare part. the cfpftest.info domain is something I use while creating sites. The "About US" page that is there now is a remnant from the PREVIOUS project I was working on....THAT page renders properly, yet the pages that I created for this project have the mysterious white line. What did I do wrong?

Thanks for your help,
  #6  
Old Oct 5, 2011, 07:52 AM
juggledad's Avatar
juggledad
 
22,152 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
1) you are developing while running a caching plugin - bad idea since it could take a while till the changes show
2) looks like you are on 3.6.7 without the patches - either apply them or move to 3.7.0
  • PATCH 367-01: Odd effects when 'CSS: Compress' = 'Yes'
  • PATCH 367-02 is incorporated in PATCH 367-04
  • PATCH 367-03: PHP errors when adding widget areas in index.php
  • PATCH 367-04: Hovering over a Post/Page title only shows "Permanent Link to"
  • PATCH 367-05: Site Title appended after the 'WordPress SEO by Yoast' title
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #7  
Old Oct 5, 2011, 09:55 AM
jms5017's Avatar
jms5017
 
72 posts · Jul 2010
NY/NJ Metro area
Thanks

I'm baffled as to why the patches are not applied...unless "reset all" would have something to do with it. Before I started on this baby site, I reset everything to remove the settings from the previous project.

Bookmarks

Tags
mulitple links, single header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Clickable rotating header image with CrossSlide fade Aubergine Header configuration & styling 2 Feb 12, 2012 09:15 AM
ATA 3.53 header image not clickable berkleegrad Header configuration & styling 1 Jul 24, 2010 08:42 AM
Clickable header image problem Martin1c Header configuration & styling 0 Jan 18, 2010 09:45 AM
Make header image clickable? nfdieter Header configuration & styling 2 Nov 5, 2009 08:09 AM


All times are GMT -6. The time now is 07:31 PM.


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