| Basic display code: | Result: |
body, p, table, td, .btext {color:magenta} | Changes color of latest blog, "(name) has friends" |
table table table td {color:magenta} | Changes color of status, school, religion, companies, "view my" & separator on image & video links |
text, table, tr, td {color:magenta} | Changes Color of blog names & container brackets |
.text {color:white} | Changes Color of headline brackets, login, age, sex, location |
.redbtext {color:green} | Changes color of amount of friends you have |
.redtext {color:saddlebrown} | Color of "35" of "67" comments |
.contactTable td {background-color:transparent; color:blue; border:1px} | Alters standard contact table if no custom one is set |
.lightbluetext8 {color:yellow} | Alters color of headers down left side of page (music, movies etc) |
.nametext {color:hotpink; padding:5px; font-size:16pt; font-family:Comic Sans MS} | Changes your name text above your pic |
.blacktext12 {color:cyan} | Color of "extended network" text |
.blacktext10 {color:green} | Color of dates in "friends comments" |
.whitetext12 {color:red} | Color of left-side titles (details, interests etc) |
.orangetext15 {color:#ff00ff} | Color of right-side titles (about me, who I'd like to meet etc) |
a.navbar:link {color:#ffffff} | Color of top navbar links (home, browse etc) |
a.navbar:hover {color:lime} | Color of top navbar links when cursor is placed over them |
a.navbar:active {color:cyan} | Color of top navbar links when clicked on |
a.navbar:visited {color:yellow} | Color of top navbar links after being clicked on |
a.redlink:link {color:turquoise} | Color of "view all friends" link |
a.redlink:hover {color:indigo} | Hover over color of "view all friends" link |
a.redlink:active {color:#afeeee} | Color of "view all friends" link when clicked on |
a.redlink:visited {color:#000099} | Color of "view all friends" link after being clicked |
a.searchlinkSmall:link {color:white} | Color of friend's links |
a.searchlinkSmall:active {color:lime} | Color of friend's links when hovered over |
a.searchlinkSmall:hover {color:cyan} | Color of friend's links when clicked on |
a.searchlinkSmall:visited {color:white} | Color of friend's links after being clicked |
a:link {color:white} | Hyperlink color |
a:hover {color:violet} | Hyperlink hover color |
a:active {color:blue} | Hyperlink color when clicked on |
a:visited {color:blue} | Hyperlink color after being clicked |
a img {border-color:#66ffff; border-width:2px; border-style:dashed} | Color of image border |
a:hover img {border-color:#66ffff; border-width:2px;border-style:dotted} | Hover color of image border |
a:active img {border-color:#66ffff; border-width:2px;border-style:solid} | Color of image border when clicked on |
| Basic layout code: | Result: |
body {background-image: url('http://www.steviecandtheplacetobe.net/media/beach.jpg'); background-attachment:fixed; background-position:center center; background-repeat:no-repeat} | Background image displays centered horizontally and vertically on screen. |
body {background-image:url("http://www.steviecandtheplacetobe.net/media/colors bg.png");background-attachment:fixed;background-repeat:repeat} | Non scrolling image at both sides of profile |
body {background-image:url("http://www.steviecandtheplacetobe.net/media/colors bg.png");background-attachment:unfixed;background-repeat:repeat} | Scrolling image at both sides of profile |
body {background-color:black} | Background color at each side of profile |
td.text table {background-image:url("http://www.steviecandtheplacetobe.net/media/colors_bg.png")} | Applies background to main data tables |
td.text table {background-color:black} | Applies color to main data tables |
td.text table {background-color:black; border:1px dotted magenta} | Applies color & border to main data tables |
table, tr, td {background-color:transparent; border:0px; padding:2} | Changes grey/white bit from the middle |
table table table {border-width:3px; border-color:#ffffff; border-style:solid; padding:1px} table table table table {border:0px} | Applies white border to main data tables |
| Other stuff: | Result: |
table table table table table {direction:rtl} table table table table table td {direction:ltr} | Flips friend's pictures & comments |
.comments {visibility:hidden; display:none} | Removes friends comments |
td.text td.text span.btext {display:none} | Removes "(name) has x friends" |
.blacktext12 {visibility:hidden; display:none} | Removes "Extended Network/Status Bar" |
table table table td {vertical-align:top ! important}span.blacktext12 {visibility:visible !important;background-color:transparent;background-image: url("http://www.steviecandtheplacetobe.net/media/parchment.jpg"); background-repeat:no-repeat;background-position:center center;font-size:0px; letter-spacing:-0.5px;width:435px; height:75px; display:block !important; }span.blacktext12 img {display:none} | Places a 435 * 75 image over your "Extended Network/Status Bar" |
table table table table div {visibility:hidden} div table table table table table div input, div a, td.text div {visibility:visible} | Removes "Myspace URL" |
.blacktext12:before {color:white; content:"OMG! "} | Preceeds "extended network" with "OMG! " (only in Firefox or Opera) |
.blacktext12:after {color:white; content:" WOOO!"} | Adds " WOOO!" to "extended network" (only in Firefox or Opera) |
body {direction:rtl}table {direction:ltr} | Moves scroll bar to left side of screen (Only in MSIE) |
img {filter:none} img:hover {filter:invert} a:link img {filter:Invert} a:hover img {filter:none} | Inverts all images when cursor is placed over them |
a:link img {filter:Invert} a:hover img {filter:none} | Inverts link images when cursor is placed over them |
