short CSS tutorial - CSS introduction

MAIN MENU

Cascade Style Sheets (CSS) Introduction
CSS Selectors
Where CSS definitions are embed in HTML page
CSS attributes
CSS & MySpace

CSS & MYSPACE

CSS can be used to personalize your profile. By redefining certain CSS definitions and inserting in some profile section you can customize the appeareance of your page.

Here are the basics:

background-color is the background-color for a certain area, color is the text color... you can also add padding or margins. To change a font, use font-family: [FONT NAME] and followed by either serif (feet) or sans-serif (feetless), here is the CSS definition:
.text { font-family: Impact, sans-serif; }
color and background-color can be a standard color name (they're only a few) or any hexadecimal color.
Place your Code in the ABOUT ME box while editing your PROFILE.
Here is an example for one definitions set:

<STYLE>

/* This one does the main table text throughout most of the profile.*/
table table table td { background-color: yellow; color: red; }
/* this affects your name */
.nametext { color: orange; padding: 5px; font-family: Impact, sans-serif; font-size: 16pt; }

/* this affects link descriptions in About me section */
a.searchlinkSmall:link { color: blue; }

/* this affects the right side background text */
.text table tr td { background-color: orange; }

/* defines text in About Me section */
.text table tr td p { color: blue; }

/* defines who'd I like to meed and comments text */
.text td { color: white; }

/* this affects contact table */
.contactTable td { background-color: EEEEEE; }

/* this one does the regular page links */
a:link { color: red; }

/* background color definitions */
body { background-color: transparent; }
table { background-color: transparent; }
table table { background-color: transparent; }

/* this does [NAME] is in your NETWORK" */
.blacktext12 { background-color: red; padding: 4px; color: white; }

/* this one does the DATES in the COMMENTS area */
.blacktext10 { color: green; }

/* this one does the text headers on the left side */
.whitetext12 { color: black; }

/* this one does the labels on the left "General", "Status", etc.) */
.lightbluetext8 { color: red; }

/* this defines text ABOUT ME, FRIENDS SPACE, FRIENDS COMMENTS" */
.orangetext15 { color: yellow; padding: 2px; }

</STYLE>

go home Contact tables graphics Profile videos Extended network graphics Animated icons

first prevoius

webmaster Layouts4Myspace