You need to make a custom layer @
http://www.livejournal.com/customize/advanced/layers.bml Create layout-specific layer
Type: theme Layout: Flexible Squares
Click Create
A table with something like this should appear:
(numbers) theme (none) Edit Delete
Click on edit.
Your layer will load and have nothing but:
layerinfo "type" = "theme";
layerinfo "name" = "";
Delete that and add this:
layerinfo "type" = "theme";
layerinfo "name" = "Random Headers";
function Page::print_custom_head()
{
var string[] header_image;
var int header_index=0;
$header_image[$header_index++] = "url of header 1";
$header_image[$header_index++] = "url of header 2";
$header_image[$header_index++] = "url of header 3";
var string header_url = $header_image[rand($header_index) - 1];
"""
< style type="text/css">
.headerimage {
width: 700px; /* Width of the banner, in pixels */
height: 300px; /* Height of the banner, in pixels */
margin-left: auto; /* To center image leave as auto */
/* To right align leave as auto */
/* To left align change to 20px */
margin-right: auto; /* To center image leave as auto */
/* To right align change to 20px */
/* To left align leave as auto */
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("$header_url"); /* Header image URL */
background-repeat: no-repeat;
}
""";
}
Add as many headers as you want
Adjust the width and height according to your image.
When you're done, click on save & compile. There should be no errors.
Now you should be able to choose 'Random Headers' on your Custom layers page
http://www.livejournal.com/customize/?cat=customClick on apply theme
You can click on Customize and copy the CSS of a layout just like you did
http://www.livejournal.com/customize/options.bml?group=customcss I hope this made sense!