I’ve added a simple hack to the default Kubrick theme which displays a random header graphic. Here’s how it works. I added the following function to the top of header.php:
NOTE: this must come AFTER the doctype & html lines.
<?php
function header_graphic() {
echo "/images/";
$num=rand(0,8);
echo "kubrickheader".$num.".jpg";
};
?>
Next, I changed the style element for header as follows:
#header { background: url("< ?php bloginfo('stylesheet_directory'); header_graphic(); ?>") no-repeat bottom center; }
Finally, I saved several header graphics in my image directory named kubrickheader0.jpg through kubrickheader7.jpg.
If you’d like to see the different graphics, here they are:
kubrickheader0.jpg
kubrickheader1.jpg
kubrickheader2.jpg
kubrickheader3.jpg
kubrickheader4.jpg
kubrickheader5.jpg
kubrickheader6.jpg
kubrickheader7.jpg
kubrickheader8.jpg
kubrickheader9.jpg
UPDATE: I should have specified that the code needs to come after the first two lines in header.php. I also added links for the two new pictures I added after I posted the article.
yeah ! very nice thanks a lot !
At2
Mike, your solution looks easy. Famous last words… 🙂
Clearly, I'm doing something wrong. I cut and past the php function and put it at the very top of my header.php file (the one in the themes/default directory).
I then replaced the uncommented line that starts with #header in the same header.php file with the header element shown.
I placed 9 images named kubrickheader0.jpg through kubrickheader9.jpg in the themes/default/images directory.
Now, my header is just a blue box and the footer is a gray box. I didn't think I did anything to the footer.
What did I do wrong?
http://blogan.net
Mike, your solution looks easy. Famous last words… 🙂
Clearly, I'm doing something wrong. I cut and past the php function and put it at the very top of my header.php file (the one in the themes/default directory).
I then replaced the uncommented line that starts with #header in the same header.php file with the header element shown.
I placed 9 images named kubrickheader0.jpg through kubrickheader9.jpg in the themes/default/images directory.
Now, my header is just a blue box and the footer is a gray box. I didn't think I did anything to the footer.
What did I do wrong?
http://blogan.net
Pingback: blogan » Blog Archive » My header is broken
Pingback: blogan » Blog Archive » My header is broken
I got it working. Thanks, Mike, for your help. I was putting the php function too high in the header.php file. Here are more details.
Pingback: my name is faith » Blog Archive » Introducing : Random blog headers!
Pingback: my name is faith » Blog Archive » Introducing : Random blog headers!
Pingback: Urban Flyfishing on the Kelvin » Blog Archive » Rotating header graphic
Pingback: Urban Flyfishing on the Kelvin » Blog Archive » Rotating header graphic
Pingback: Cvander » Actualizando
Pingback: www.blogsome.com :: View topic - Rotating Header