List of CSS Tag's

This is a list of the CSS tags used on profiles (this list is not complete)

body
The body tag controls the display of the whole page. This is where the main background is usually set, and where overall font sizes and colors are set. You can also control the margins around your profile using the body tag.

#wrap
Tag that spans the entire body.. It's purpose is to set the actual width of the profile table. Removing it's width setting will set your profile to full width.

#wrapinside
This tag is after the header and spans your entire profile, minus the header and footer... You can set a profile width here if you used #wrap to make the header span across the entire page.

.navlinks
Sets the main navigation colors and sizes at the top of the page. You will want to use it like this:

Code:

.navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color:#ffffff;
    text-decoration: none;
}
.navlinks a:hover {
   color:#d00066;
}

h1
Sets your name's size, margins, colors, and more.

.locationstuff
Controls the size, margins, colors, and more of your location, sex, and age.

Profile Tables
These class's control your profile tables (they are pretty self explanatory)

You will want to use them something like this:

Code:


.stufftable {
  background-image: none;
   background-color:#ff8ac4;
   width:100%;
   color:#FFFFFF;
   margin-top:40px;
   padding:5px;
   border:1px dotted #d00066;
   padding-left:10px;
}
.contacttable, .statstable, .raninfotable, .avatartable, .friendstable, .commenttable, .commentaddtable
{
  background-image: none;
   background-color:#ff8ac4;
   width:100%;
   margin-top:10px;
   color:#FFFFFF;
   padding:5px;
   border:1px dotted #d00066;
   padding-left:10px;
}

.stufftable is your about me section, I define it seperately so that it lines up with your profile photo (margin-top:40px)

.commentaddtable controls the display of the add a comment box and the style of the login notice when trying to post a comment when not logged in

.profilepic
class applied to your profile picture.. use it to set a border around it and what not

.profilephoto
table surrounding your profile picture, probably wont be used much

.tableheader
Controls display of table headers.. "Friend Controls", "Stats", etc

.highlights
Controls display of "About Me", "Friends not available yet!", comment pagination, and "Add Comment"...

.comments1
Changes display of the comments header portion, where a users name and the comment time is shown

.commentsinfo
Comments font properties

.comment_media
Changes display of each individual comments table

#footer2
The links at the very bottom of the page

.addcomment
Overrides .highlights style on the "Add Comment" text

That's all for now, I'll finish this later

Advertisement

i get none of this at all.... i guess i understand wht the things do i just dont know how to set up the code w. the images a such and the color things...!? O.o

hey um maybe u can help me...
when i added my pro pic all the tables on right started sticking out of the main rectangle thing (if that makes any sense). basically they r too far right kinda like the picture is pushing them off the page...do u know how to fix tht?

here is a link for color code numbers.

http://www.quackit.com/css/css_color_codes.cfm

This is hard! I've been working on my page for like an hour and a half!

i still have no clue what to do