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 »

Fun with fading header images

Old Jul 22, 2010, 11:51 AM
paulae's Avatar
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
I didn't want an overly "busy" header change. I played a bit with Photoshop and took my basic header photo of a lighthouse near here and applied some artistic filters. Then I added the 2 new ones to the header images folder and chose to have them rotate with Javascript, and to fade in and out. I think the effect is quite nice, very subtle. You have to really look hard to notice the difference between the watercolor and the smudged ones.

Have a look: http://aghca.org/

(I may play with other effects later, so this might look different by the time you see it.)

It works fine in Safari, Chrome and Firefox on a Mac. If you see problems with other browsers or platforms, please let me know here.

I should add that I'm using Wordpress 3.0 and Atahualpa 3.5.3 on this site. It's wonderful to have the fading effect built-in as an option, no fancy JS coding required by the user.

Last edited by paulae; Jul 22, 2010 at 12:20 PM.
Old Jul 23, 2010, 11:09 AM
22 posts · Jul 2010
How did you make it fade? I have several images I want to rotate, but I want it to fade between the images.

Old Jul 23, 2010, 11:19 AM
paulae's Avatar
1,333 posts · Feb 2009
Wordpress 3.4.1, Atahualpa 3.7.7
I used the Header Image options in the theme options. Atahualpa 3.5.3, Wordpress 3.0.

See my settings here: http://img2.pict.com/e4/c7/8e/3831919/0/1279905550.jpg

Make sure you have all of the images you want to work with in the same /images/header folder.
Old Jul 23, 2010, 11:24 AM
22 posts · Jul 2010
Never mind...I saw the last part of your post.

Old Jul 23, 2010, 11:26 AM
22 posts · Jul 2010
Our posts must have crossed in cyberspace. Thanks for you post and reply.

Do you know if there is any way to turn off the header image in some pages? So it appears in the home page, but not in other subsequent pages.

Old Jul 24, 2010, 07:23 AM
juggledad's Avatar
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
mdelaflor - search the forums, this has been answered before.
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
HOWTO: create fading header images juggledad Header configuration & styling 44 Mar 1, 2011 01:36 PM
[SOLVED] Header image not loading/fading & also overlaying logo image shilldiy Header configuration & styling 5 Jul 16, 2010 06:22 AM
[SOLVED] Fading header images mc38 Header configuration & styling 41 Apr 29, 2010 07:34 AM
[SOLVED] Going bonkers trying to nix bloody dashed borders & other fun & games! leshall Page & Category Menu Bars 8 Jan 31, 2010 02:49 PM

All times are GMT -6. The time now is 01:58 PM.

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