Can sum1 break the tutorial down..., 2 kindergarten terms? Options

[dreamsbecomereal...]

every1, again i'm new n the tutorial given about the div needs 2 b broken down simpler 4 me. can sum1 help me? plz.

[karmakiller]

This topic breaks down what all those codes mean.

Make sure that you put <style> before your codes and </style> after them.

For changing the background color use this:

CODE

body {
background-color: ######;}

You can find color codes at places like this.

To change your scrollbar, use this:

CODE

scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
scrollbar-shadow-color:000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;

Again, change the zeros to the colors you want.

Here's what each part of the code changes:


To add borders to your tables, use this:

CODE

table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {border-style:solid;border-width:2px;border-color:000000;}

You can change the thickness of the border (1 being the thinnest and up from there.)

The text and CSS is explained in the topic I linked, but just incase.

Orangetext15: About Me and Who I'd Like to Meet text
Whitetext12: Interests, Contacting, Details, and Schools text.
Lightbluetext8: General, Music, Movies, Television, Books, Heroes, Status, Here for, Hometown, Ethnicity, Zodiac Sign, Smoke/Drink, Education, and Occupation
Text: Your headline, Age, that stuff.
Blacktext12: Date on comments
Blacktext10: Extended network text.
Redtext: Amount of friends and number
Redbtext: Has # friends and name's latest blog entry.

For the links:

CODE

a:active, a:visited, a:link {color:######;}
a:hover {color:######;}
a.navbar:active, a.navbar:visited, a.navbar:link {color:######;}
a.navbar:hover {color:######;}
a.redlink:active, a.redlink:visited, a.redlink:link {color:######;}
a.redlink:hover {color:######;}

And what those do are as follows, in the order of the lines above.
Regular Links
Regular links when you hove them
Navigation bar links
Navigation bar on hover
"view all friends"
"view all friends" hover.

You can also edit the text and so on in the links, I just didn't include that because it's a lot to type. But here's an example:
a.link{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

Hopefully that helped. Took me a while to type out.