List of CSS Tag's

List of CSS Tag's

by flowmo on 06-06-2008 3:00 pm

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
w00t

flowmo
EB God
 
Posts: 2551
Joined: 22 Jul 2007
Age: 21
Gender: Male
Location: Dallas, Texas


Profile Layout Help and Discussion


Learn about emo | Emo Layouts | About | Contact Us | Privacy Policy | Terms of Use | Emo the Blog