First off, I'd like to suggest that any images you use, upload them yourself. ^_^ People arn't always happy about stolen Bandwidth. This first part will be the codes and the second part will be how to use it.
Edit!: I hit submit while I was typing this on accident so it's not complete and I am still editing it... Be patient.
Okay, first code.
body
{
background: #000025
url('')
}
{
background: #000025
url('')
}
The following Code above tells how to change the looks around the outside of your profile.
#extendedProfileBody #header h1
{
background: #000025
url('')
}
{
background: #000025
url('')
}
This code changes the header area where your Avy is standing.
#profile
{
background: url('')
}
{
background: url('')
}
This code changes the image behind your avy, where it shows all the items you're wearing.
#profile H2
{
Background: #000025
}
{
Background: #000025
}
This code changes the banner where it states your name.
#details
{
background: #000 url('')
}
{
background: #000 url('')
}
This code changes the image behind where it's stats all your information.
#details H2
{
background: #000025
}
{
background: #000025
}
This changes the banner where it stats that it's the details area.
#Wishlist
{
Background: url('')
}
{
Background: url('')
}
This is the code for the Wishlist image area.
#wishlist H2
{
background: #000025
}
{
background: #000025
}
This is the code for the banner of the Wishlist.
#about
{
background: url('')
}
{
background: url('')
}
As I'm sure you're starting to know, this is for the about area.
#about H2
{
background: #000025
}
{
background: #000025
}
For the banner of the about section.
#friends
{
background: url('')
}
{
background: url('')
}
The image behind the friends section.
#friends H2
{
background: #000025
}
{
background: #000025
}
Code for the banner of the friends area.
#journal
{
background: url('')
}
{
background: url('')
}
Area behind your journal.
#journal H2
{
background: #000000
}
{
background: #000000
}
Header for the journal.
#multimedia
{
background: #000000
}
{
background: #000000
}
Area behind your Flash Image.
#multimedia H2
{
background: #000000
}
{
background: #000000
}
For the banner of the Multimedia section.
(I have yet to try the comments section, so I'll come back with a code for you on that one, just wait. <3)
#content
{
background: #000025
}
{
background: #000025
}
This is for everything on the right side, your about, friends, journal, comments, and the outline of the journal, very useful for making it pretty.
Font Codes:
TD, FONT, P, BR, BODY, H1, H2
{
font-family:verdana;
font-size:8pt;
color:violet
}
{
font-family:verdana;
font-size:8pt;
color:violet
}
This code changes the text of everything of text on the page. You can just do each part individually so they call look different.
.section H2
{
Background: url('')
font-family:verdana;
font-size:12pt;
color:White;
}
This is for anything involving the banners. So if you enter an image in here, all the banner's become this one unless stated otherwise in another code.
#sidebar
{
Background: #000000
}
{
Background: #000000
}
This is the code to change everything on the left side's background image.
#caption
{
Background: #000000
}
#Caption2
{
Background: #000000
}
{
Background: #000000
}
#Caption2
{
Background: #000000
}
This changes the background of the section where people leave their comments. As in the captions of them talking. I dont know the codes yet for the corners, so you'll have to wait on those.
#avatar
{
background: #000000
}
#avatar2
{
background: #000000
}
{
background: #000000
}
#avatar2
{
background: #000000
}
This changes the background behind where your commenter's avy's stand.
Okay, Part 2: Explanations.
First I'll talk about Images.
Anywhere where I said you could change the image you will need the
Background:
This is telling it that you are editing the background.
Now you have two options that I know of thus far for putting after that bit.
You can enter a color hex code like #000000(< Which is black), and it will change all the background into black.
Your other option is Url('(insert image URL HERE)'). You just need to insert the URL inbetween the 's. Make sure to keep the 's, they are important in the coding, you'll need them. Now when you have inserted your URL and go to look at it, if the image is too big, it will start from the center left and continuing on til it fills the space. If you'd like it to start from somewhere other then the left center enter this after the Url Code...
Example.
#About
{
background: url('www.spammyandhooarethesex.com')
right center;
}
#Profile
{
background: url('www.DQshouldbecomemyloverbecausesheisspecial.com')
top right;
}
{
background: url('www.spammyandhooarethesex.com')
right center;
}
#Profile
{
background: url('www.DQshouldbecomemyloverbecausesheisspecial.com')
top right;
}
It doesn't have to be right center or Top right. There is Bottom center, bottom, right, left, top left, top right, top, bottom right, bottom left. You'll have to experiment to get it how you want it. And make SURE you have the ; after it, otherwise you mess up the entire code.
Now, if your image is too small it just repeats all over the place and usually looks really crappy so I'll show you how to fix that. ^_^ After entering your code, type in no-repeat, you can also add in the bottom left and whatever if you want to.
Example.
#about
{
background: url('www.hooisnumberone.com')
no-repeat;
}
#Profile
{
background: url('www.dqistheoneiwantto.com')
no-repeat center;
}
{
background: url('www.hooisnumberone.com')
no-repeat;
}
#Profile
{
background: url('www.dqistheoneiwantto.com')
no-repeat center;
}
Now we'll do the font coding. With the font coding, you can just enter a color or a hex color code and it will change the font to that color. You can always select the size and the font type.
Example.
H1, H2
{
font-family:verdana;
font-size:15pt;
color:#098765
}
BODY
{
font-family:verdana;
font-size:5pt;
color:green
}
{
font-family:verdana;
font-size:15pt;
color:#098765
}
BODY
{
font-family:verdana;
font-size:5pt;
color:green
}
And that should cover fonts for you.
Now even though for all the banners I just put a hex code, you can enter an image, I was just being very lazy.
Example.
#about H2
{
background: url('www.spammyinmypantsismyfavorite.com')
}
{
background: url('www.spammyinmypantsismyfavorite.com')
}
And then it will make your banner into that.
Now the most important thing... NEVER EVER EVER leave the { and } out, they are important for the code to work.
If you have any questions, post them in here and I'll and others will help you. I'm also open to PMs and IMs. I will try to help you but I won't do the entire thing, and you'll have to note, if I don't help you right away it's because I do have a life, and it's probably playing video games. xd I plan to add more to this later.
