Topic: 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.

cool

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

Re: How to set a Theme

its important to also note the ONLY section you can put code in is 'The Horrific Story of Me' section. HTML code in any other section will not work after this week.

Re: How to set a Theme

Excellent! Thanks Dr.B!

Re: How to set a Theme

Thanks DrBlood big_smile

Re: How to set a Theme

thatnks. htis will be cool. ill definately updat this once i get some timetoo

Re: How to set a Theme

:DAh Thanks Dr. B!  now I have it:D

Re: How to set a Theme

Took some doing to find the right match for everything, but I think I've got it now.  Thanks a lot for the help.

Re: How to set a Theme

Not sure if this right place, if not sorry and please tell me where to go, thanks in advanced.

I'm having problems trying to figure how to put a background picture in these sections.
Horrific story of severen
mourge space
Fav. horror scenes
my horror review
Horror collection
Disscusions i've started

It just look weird without any background pic or if cant do this, is it possible to change the background than that weird gray color.

Re: How to set a Theme

severen wrote:

Not sure if this right place, if not sorry and please tell me where to go, thanks in advanced.

I'm having problems trying to figure how to put a background picture in these sections.
Horrific story of severen
mourge space
Fav. horror scenes
my horror review
Horror collection
Disscusions i've started

It just look weird without any background pic or if cant do this, is it possible to change the background than that weird gray color.

Just add the third block of code in your "Horrific story of section".

The bit you have to change to get rid of the "weird gray color" is:

.text2 {
background-color: transparent;
background-image:url(put the url of your section background here.jpg);
padding:5px;
}

Just change it to:

.text2 {
background-color: transparent;
background-image:url(none);
padding:5px;
}

It looks like you tried to add a "Myspace profile code" to your page. Most of it is redundant  but the table styles will have an adverse effect.

All you need is the "http://www.carfax-abbey.com/wallpaper/i … ia2800.jpg" images as far as I can tell.

So your full code will be:

<style type="text/css">
body {
background-image:url(http://www.carfax-abbey.com/wallpaper/images/suspiria2800.jpg);
background-attachment: fixed;
background-position: top left;
background-repeat: repeat;
background-color: #000000;
cursor:default;
}
.text2 {
background-color: transparent;
background-image:url(none);
padding:5px;
}
table, tr, td, li, p, div {
background-image: url(none);
}
</style>

That wallpaper is only 800 x 600 though so you may want to resize it to at least 1024 x 768 and then reupload it to Photobucket or Imageshack before using it. You should do this anyway as leeching upsets some site owners.

Last edited by DrBlood (2008-03-09 22:07:07)

Re: How to set a Theme

Thank you DrBlood for the help and codes u gave me. The only thing have to change was to find a new background pic. Did'nt look well with the change.
Thanks again. smile

Re: How to set a Theme

Changing fonts
i have tired this few times, i don't know what i am doing wrong
How did everyone else change there front ?

Re: How to set a Theme

Yay! I finally did something with my morguespace other than fill stuff in! Thanks!

Re: How to set a Theme

Thanks for the help with the codes

Re: How to set a Theme

Excellent post.  This should get sticky'd or put on the "Help" page.

Re: How to set a Theme

This page helped me turn my morguespace into what it is. Not sure if that's a good thing or not tongue

smile

Thanks to DrBlood for supplying the info I needed! big_smile

Re: How to set a Theme

Is there anyway to change the orange bar to a different colour?