How to set a Theme

Just copy and paste any of the following into your "Horrifying Story of" section and make the appropriate changes.

-------------------

1) Big wallpaper background

This code will allow you to have any wallpaper sized background.

<style type="text/css">
body {
background-image: url(put the url of your wallpaper background here.jpg);
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-color: #000000;
cursor: default;
}
table, tr, td, li, p, div {
background-color: transparent;
background-image: url(none);
}
</style>

2) Tiled pattern background

This is the code to use a tiled image background.

<style type="text/css">
body {
background-image: url(put the url of your tiled pattern background here.jpg);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
background-color: #000000;
cursor: default;
}
table, tr, td, li, p, div {
background-color: transparent;
background-image: url(none);
}
</style>

3) Big wallpaper background with tiled background sections

This code will give you a big wallpaper background plus a tiled image background on each of your sections.

<style type="text/css">
body {
background-image:url(put the url of your main background image here.jpg);
background-attachment: fixed;
background-position: top center;
background-repeat: no-repeat;
background-color: #000000;
cursor:default;
}
.text2 {
background-color: transparent;
background-image:url(put the url of your section background here.jpg);
padding:5px;
}
table, tr, td, li, p, div {
background-image: url(none);
}
</style>

4) Hover images on links

For a dripping blood effect on your links, you can add this:

<style type="text/css">
a:hover {
color:white; text-decoration:none; background-image:url(http://c.myspace.com/Groups/00006/36/79/6609763_l.gif);
}
</style>

Or use this for a sparkly magical effect:

<style type="text/css">
a:hover {
color:white; text-decoration:none; background-image:url(http://myfilebin.com/userfiles/Tabwin/sparkles.gif);
}
</style>

Just change the image location if you want to use something else.

5) Changing fonts

If you find that your text is hard to read after adding your background, you may need to change your font.

To do this, just add the following line but change the values accordingly:

font-family: verdana; color: white; font-weight: bold; font-size:14px;

It should go into this section of the style code:

table, tr, td, li, p, div {
background-color: transparent;
background-image: url(none);
font-family: arial; color: red; font-weight: italic; font-size:12px;
}

As you can see, you can change the font-family, the colour, whether you want it bold or italic, and of course the size. Just experiment until you are happy.

Last edited by DrBlood (2008-02-07 00:20:54)