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 »

One header image that is clickable to three different pages?


  #1  
Old Sep 27, 2011, 01:18 PM
jms5017's Avatar
jms5017
 
115 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, 01:24 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 03:28 PM
jms5017's Avatar
jms5017
 
115 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, 03:45 PM
lmilesw's Avatar
lmilesw
 
10,176 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, 08:40 AM
jms5017's Avatar
jms5017
 
115 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, 08:52 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Oct 5, 2011, 10:55 AM
jms5017's Avatar
jms5017
 
115 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



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


All times are GMT -6. The time now is 09:53 AM.


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