Rotate the Header Image.

How do you get this to work with the kubrick theme? I created some jpgs and made the random.php file and put it in a directory called “random-logos” off of the root. Below is what I have for “style.css” in the default/kubrick theme

#header {
background-color: #73a0c5;
background-image: url(‘random-logos/rotate.php’);

In headers.php I have the following entry:

body { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbgcolor.jpg”); } <?php /* Checks to see whether it needs a sidebar or not */ if ((! $withcomments) && (! is_single()) && (! is_page())) { ?>
#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbg.jpg”) repeat-y top; border: none; } <?php } else { // No sidebar ?>
#page { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickbgwide.jpg”) repeat-y top; border: none; } <?php } ?>
#header { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/mael-logo-r.jpg”) no-repeat bottom center; }
#footer { background: url(“<?php bloginfo(‘stylesheet_directory’); ?>/images/kubrickfooter.jpg”) no-repeat bottom; border: none;}

Not sure what to modify in header.php. Your help is greatly appreciated. TIA

NM I figured it out. It needs to be in the theme directory. Awesome mod!!

This works a treat thanks,

Paul

I can’t seem to get this thing to work at all in firefox. It does just fine in IE, though. I created a directory for the images to be rotated, dropped the rotate.php file into that directory, and called to it from my style.css with

#banner {
...
background-image: url(images/banners/rotate.php);
}

i’m having the same problem with firefox…no rotating going on

Hello,

Just a follow up for those of you who can’t get it to work – I’ve made a plugin that can do exactly what you’re asking for (and other random stuff).

Rotates images on my site, and works fine for me ™. It’s homepage is https://linux.linux.dk/projects/randomize

Very cool. Thanks. This is much requested. Be sure and add the information to the Codex list of plugins and https://www.wp-plugins.net so everyone can know about it.

Thanks Lorelle. Glad you like it ??

Actually I’ve already added the plugin there – https://wp-plugins.net/index.php?id=306

I also added the link to the new Codex article on Designing Headers so you are getting some coverage. ??

Wuhuu – great stuff.
Thanks Lorelle ??

I can’t get it works, It’s neceasary to do something else on headers.php?

#headers{ ?

there’s no ” wp-layout.css” in my kubrick theme.. and where should i put my “rotate.php”? sorry i’m quite new to wordpress..

weepel

First, begin with the Codex article listed above: https://codex.www.ads-software.com/Designing_Headers

In the new version, the style sheet is called style.css and it is found in EVERY Theme, not where the old wp-layout.css was found. So you need to change the styles in your Theme’s style sheet, and the header is controlled in the header.php template.

Better yet, start with these, too:

Introduction to Blogging
First Steps with WordPress
WordPress Lessons
New to WordPress – Where to Start
Finding Your CSS Styles
WordPress Blog Design and Layout
Using WordPress Themes
WordPress CSS Information and Techniques
Creating individual Pages
Stepping Into Template Tags

I am having a problem with this one in firefox, but not IE.

Firefox did rotate the images, but then seemed to freeze on the last image after displaying them all fine.

Any ideas?

I have added a similar random header image to my site, but I did it slightly differently…

https://chrispy.theburds.net

wineo