For Bianca: Random Headers

Nov 25, 2010 15:35

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=custom
Click 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!
Previous post Next post
Up