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 »

Fun with fading header images


  #1  
Old Jul 22, 2010, 11:51 AM
paulae's Avatar
paulae
 
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.
  #2  
Old Jul 23, 2010, 11:09 AM
mdelaflor
 
22 posts · Jul 2010
Texas
How did you make it fade? I have several images I want to rotate, but I want it to fade between the images.

Mike
  #3  
Old Jul 23, 2010, 11:19 AM
paulae's Avatar
paulae
 
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.
  #4  
Old Jul 23, 2010, 11:24 AM
mdelaflor
 
22 posts · Jul 2010
Texas
Never mind...I saw the last part of your post.

Mike
  #5  
Old Jul 23, 2010, 11:26 AM
mdelaflor
 
22 posts · Jul 2010
Texas
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.

Mike
  #6  
Old Jul 24, 2010, 07:23 AM
juggledad's Avatar
juggledad
 
23,765 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

Bookmarks

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 05:16 AM.


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