Sponge Bob Friendster Layout

download sponge bob friendster layout here.

Customize Css

/* Get Cool Friendster Layouts Here */<br />/* sexy-friendster-layouts.blogspot.com */<br />/* PAGE BACKGROUND */<br />html {<br />scrollbar-face-color:#3584BC;<br />scrollbar-highlight-color:#462E1C;<br />scrollbar-3dlight-color:#BBBBBB;<br />scrollbar-shadow-color:#CCCCCC;<br />scrollbar-darkshadow-color:#333333;<br />scrollbar-arrow-color:#FFFFFF;<br />scrollbar-track-color:#F8EC00;<br />}<br /><br />body {<br />background-color: #124A5B;<br />background-image:url(http://i283.photobucket.com/albums/kk303/fslayout54/friendsterlayouts36.jpg);<br />background-position: center top;<br />background-repeat: no-repeat;<br />background-attachment: fixed;<br />cursor:crosshair;<br />scrollbar-face-color:#3584BC;<br />scrollbar-highlight-color:#462E1C;<br />scrollbar-3dlight-color:#BBBBBB;<br />scrollbar-shadow-color:#CCCCCC;<br />scrollbar-darkshadow-color:#333333;<br />scrollbar-arrow-color:#FFFFFF;<br />scrollbar-track-color:#F8EC00;<br />}<br />/* GLOBAL FONTS */<br />.usercontent {<br /> color: #000000;<br />}<br />/* GLOBAL LINKS */<br />.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {<br /> color: #000000;<br />}<br />.usercontent a:hover {<br /> text-decoration: underline;<br /> color: #FFFFFF;<br />}<br />/* MASTER BOXES */<br />.commonbox {<br /> border-width: 1px;<br /> border-color: #000000;<br /> border-style: solid;<br /> background-color: #E3BE00;<br /> filter:alpha(opacity=80);<br /> -moz-opacity:0.80;<br /> opacity:0.8;<br /> -khtml-opacity:0.8;<br />}<br />.commonbox .evenrow {<br /> background-color: #276FA3;<br /> color:#F4F4F4;<br />}<br />/* MASTER HEADERS */<br />.commonbox h1, .commonbox h2 {<br /> color: #FFFFFF;<br /> background-color: #3584BC;;<br />}<br />/* CONTROL PANEL: BOX */<br />.controlpanel {<br /> border-width: 1px;<br /> border-color: #000000;<br /> border-style: solid;<br /> background-color: #E3BE00;<br /> filter:alpha(opacity=70);<br /> -moz-opacity:0.80;<br /> opacity:0.8;<br /> -khtml-opacity:0.8;<br />}<br />/* CONTROL PANEL: USER PHOTO */<br />.controlpanel .imgblock200 {<br /> border-color: #000000;<br /> border-style: solid;<br />}<br />/* CONTROL PANEL: DATA */<br />.controlpanel .q {<br /> color: #F4F4F4;<br />}<br />.controlpanel .data {<br /> color: #F4F4F4;<br />}<br />.data a {<br /> color: #F4F4F4;<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: MORE ABOUT ME LINK */<br />a.more {<br /> color: #F4F4F4;<br /> text-decoration: ;<br />}<br />/* CONTROL PANEL: BUTTONS */<br />#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {<br /> font-family: Arial, Sans-serif;<br /> color: #000000;<br /> border-color: #000000;<br /> border-style: solid;<br /> background-color:transparent;<br /> text-decoration: ;<br />}<br />#controlPanelButtons a:hover {<br /> font-family: Arial, Sans-serif;<br /> color: #FFFFFF;<br /> border-color: #000000;<br /> border-style: solid;<br /> background-color:transparent;<br /> text-decoration: ;<br />}<br />/* BOX: MY TESTIMONIALS */<br />.testimonials {<br /> background-color: #E3BE00;<br />}<br />/* MISC: TESTIMONIALS/REVIEWS TEXT */<br />.data {<br /> font-family: Arial, Sans-serif;<br /> color: #000000;<br /> text-transform: ;<br />}<br />/* MISC: VIEW ALL LINKS */<br />.commonbox .viewall {<br /> color: #ff33cc;<br />}<br />/* MISC: SMALL PHOTOS */<br />.commonbox .imgblock75, .ir {<br /> border-color: #FF0000;<br /> background-color: #E3BE00;<br />}<br />/* MISC: SMALL PHOTO NAMES */<br />.commonbox .dr a{<br /> color: #000000 !important;<br />}<br />/* text at top */<br />.somsg {<br /> color:#F4F4F4;<br />}

Instruction For Using This Layout

1. Click in the box above to automatically copy the code or right click copy or [ctrl+c].


2. Go to your "Customize" page on Friendster login first.


3. Paste the content from the css box into the "Customize CSS" box on your friendster.


4. Click "Save" and you're DONE!