Free Spongebob Friendster layout and background! Check out the Spongebob Friendster Layouts, which are perfect for your Friendster profile!
All of pYzam's Friendster Layouts and backgrounds are original and made by us! We're always adding new layouts every day so check back all the time.

My pYzam

Spongebob Friendster Layout

Free Spongebob layouts for Friendster

pYzam > Friendster Layouts > Spongebob

5.0

Preview Full Screen
Get the Code!

Add to Favorites

Spongebob Homepage
Link to this page

AIM This Page to a Friend
Bookmark This Page

Click here to preview spongebob- friendster layout

Available for:

Tagged with: sponge bob, black, dark, green, cartoons, funny
Should this be tagged something else? Coming Soon

<gigyaLayoutHeader>
<a title="Friendster Layouts" href="http://www.pyzam.com" target="_blank"><img border="0" src="http://stuff.pyzam.com/misc/friendsterlayouts.gif" alt="Friendster Layouts"></a> Check out some MySpace 2.0 <a href="http://www.pyzam.com/myspace2layouts">Layouts</a> at pYzam.com 

</gigyaLayoutHeader>
	<gigyaLayoutCSS>/*page background*/
body {
background-color:000000;
	background-image: url(http://stuff.pyzam.com/layouts/img/s/p/bdspongebob.gif);
	background-attachment: fixed;
	background-position:bottom left;
	background-repeat:no-repeat;
	border-color:292929;
	border-width:12px;
	border-style:solid;
}
/*global fonts*/
.usercontent {
 font-family:helvetica;
 color:F51262;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
 font-weight:bold;
 color:41D6CE;
}
.usercontent a:hover {
 color:FF0080;
}
/*main boxes*/
.commonbox { 
 border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
 background-color:191919;
}
.commonbox h1, .commonbox h2 { /*header*/
 color:F51262;
 background-color:191919;
}
.commonbox .viewall { /*viewall link*/
 font-weight:bold;
 color:F51262;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
 border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
 background-color:191919;
}
.commonbox .dr { /*name bars below photo blocks*/
 color:F51262;
 background-color:191919;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
 border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
}
.data { /*data answers*/
 color:F51262;
}
.controlpanel .q { /*data labels*/
 color:F51262;
}
.data a { /*data links*/
 color:F51262;
}
a.more { /*more about link*/
 color:F51262;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
 color:F51262;
 border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
 background-color:191919;
}
#controlPanelButtons a:hover { /*buttons hover*/
 color:F51262;
 border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
 background-color:FF0080;
}
</gigyaLayoutCSS>

Don't want to auto-post?

Having trouble finding the code?

Get the code

Customize CSS

/*page background*/
body {
background-color:000000;
	background-image: url(http://stuff.pyzam.com/layouts/img/s/p/bdspongebob.gif);
	background-attachment: fixed;
	background-position:bottom left;
	background-repeat:no-repeat;
	border-color:292929;
	border-width:12px;
	border-style:solid;
}
/*global fonts*/
.usercontent {
  font-family:helvetica;
  color:F51262;
}
/*global links*/
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  font-weight:bold;
  color:41D6CE;
}
.usercontent a:hover {
  color:FF0080;
}
/*main boxes*/
.commonbox { 
  border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
  background-color:191919;
}
.commonbox h1, .commonbox h2 { /*header*/
  color:F51262;
  background-color:191919;
}
.commonbox .viewall { /*viewall link*/
  font-weight:bold;
  color:F51262;
}
.commonbox .imgblock75, .ir { /*photo blocks*/
  border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
  background-color:191919;
}
.commonbox .dr { /*name bars below photo blocks*/
  color:F51262;
  background-color:191919;
}
/*control panel*/
.controlpanel .imgblock200 { /*primary photo border*/
  border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
}
.data { /*data answers*/
  color:F51262;
}
.controlpanel .q { /*data labels*/
  color:F51262;
}
.data a { /*data links*/
  color:F51262;
}
a.more { /*more about link*/
  color:F51262;
}
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/
  color:F51262;
  border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
  background-color:191919;
}
#controlPanelButtons a:hover { /*buttons hover*/
  color:F51262;
  border-style:solid;
	border-width:6px;
	border-color:4D4D4D;
  background-color:FF0080;
}

Add Media

Easy Instructions

Click in the box to the left and press Ctrl+C to copy the code.
Go to your "Customize" page on Friendster.
Paste the content from the first box into the "Customize CSS" box.
Paste the content from the second box into the "Add Media" box.
Click "Save" and you're DONE!

User Comments:

	mila said 390 days ago: beautiful and nice layouts

	Jenjen said 420 days ago: nice layout...

	aleya moshi karooo said 502 days ago: cute........

Would you like to comment?

My pYzam | Sign up | Login
Email: Password:
Forgot Password?

Subscribe in a reader