home myspace layouts myspace 2.0 layouts friendster layouts hi5 layouts comment graphics

Welcome!

Welcome to LayZoo.com! Here you'll find a great collection of layouts to spruce up your myspace, friendster and hi5 pages! Don't forget to bookmark us!

Layout Search

Free Layouts

» Animated » Default » double-background » emo » girly » gothic » holiday » movies » music » regular » skinny

Myspace 2.0 Layouts

» Animated » cute » default » double-background » Emo » funky » girly » Gothic » guy » Holiday » Movies » Music » Regular » Skinny

What's Hot?

» grungy skulls » pink skulls » Colorful Cartoon Hearts » black and white skulls » Vintage Montage » Pink and Black Stars » Blue Stars » Pink and Yellow Peace Signs » blue skulls » green skulls

Site Stats

» Myspace Layouts: 144
» Myspace 2.0 Layouts: 73
» Friendster Layouts: 144
» Hi5 Layouts: 144
» Currently Online: 6

Colorful Hearts Layout

Scroll down for Myspace, Friendster, and Hi5 layout codes!
You may also be interested in: Colorful Hearts double-background

Name:	Colorful Hearts
Added:	2009-03-22
Views:	1304
Rate:	Currently 3.64/5 1 2 3 4 5
Live Preview:

Myspace Install Instructions

» Click the big thumbnail above to see the layout, or use the live preview option.
» Next, copy the code (click inside the textbox then hold "Ctrl" and press "C").
» Go back to your Myspace profile and into "Edit Profile".
» Inside the "About Me" paste the code (hold "Ctrl" and press "V").

<a href="http://layzoo.com/">Myspace Layouts</a><style type="text/css">
body
table table table {background-color:ffffff;border: 1px solid;border-color:c5c5c5;padding:0px;}
div table tr td {background-color:transparent;} table table {background-color:ffffff; border:1px solid; border-color: c5c5c5; padding:5px; 
background-image: url(http://i286.photobucket.com/albums/ll85/xstylish-layoutsx/0CMS0/layouts/doublebackground/13/bg2.gif);  background-attachment:fixed; background-position:top left; }
table, td {padding:0px; width:360px;} table table table table{border:1px;} td td td td {border-top: 0px solid; width: 1%;}
body div table table{width:450px;}
div table{background-color:transparent; border:0px; background-image:none;}
table table table {border:1px;padding:0px;height: .01%;width: 100%;} table, td {background-color:transparent; border:1px; }
table, tr, td, .userprofileurl div{height:0%; border:0px; padding:1px; background-color:transparent;}
</style>
<style type="text/css">
body {
background-image: url(http://i286.photobucket.com/albums/ll85/xstylish-layoutsx/0CMS0/layouts/doublebackground/13/bg.gif); 
background-attachment: fixed;
scrollbar-face-color:BD21FF; 
scrollbar-shadow-color:F6F5F5; 
scrollbar-highlight-color:ffffff; 
scrollbar-3dlight-color:F6F5F5; 
scrollbar-darkshadow-color:F6F5F5; 
scrollbar-track-color:F6F5F5; 
scrollbar-arrow-color:ffffff; }
</style>
<style type="text/css">
table table table { padding:1px; background-color:ffffff; background-image: url(); }
.nametext 
{ font-family:verdana, verdana; font-size:9; letter-spacing: 2pt; color:000000; font-weight: normal; background-color:F974B2; line-height:11px; border: 0px solid; border-color:000000; display:block; text-align:center; } 
table, tr, td, li, p, div, .text 
{ font-family:verdana; font-size:11; letter-spacing: 0pt; text-transform: none; color:000000; font-weight: normal; line-height: 11px;} 
.btext 
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold; text-transform:lowercase;} 
.redtext, .redbtext
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold; text-transform:lowercase;} 
strong 
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold; text-transform:lowercase;} 
.lightbluetext8 
{ font-family:verdana, verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: normal; background-color:BD21FF; line-height:9px; border: 0px solid; border-color:000000; display:block; text-align:center; text-transform:lowercase; } 
.blacktext10
{ font-family:verdana, verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: normal; background-color:B2F70D; line-height:9px; border: 0px solid; border-color:000000; display:block; text-align:center; text-transform:lowercase; }  
.whitetext12
{ font-family:verdana, verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: normal; background-color:FF217F; line-height:9px; border: 0px solid; border-color:000000; display:block; text-align:center; text-transform:lowercase; }  
.orangetext15
{ font-family:verdana, verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: normal; background-color:FF217F; line-height:9px; border: 0px solid; border-color:000000; display:block; text-align:center; text-transform:lowercase; }  
.blacktext12
{ font-family:verdana, verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: normal; line-height:15px; display: block;  } 
td.text a img { } 
td.text td.text a img { border:0px;}
a:active, a:visited, a:link
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold; text-transform:lowercase;} 
</style>
</div><style>
a:hover
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold; text-transform:lowercase;} 
a.navbar:active, a.navbar:visited, a.navbar:link 
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold;text-transform:lowercase; text-transform:lowercase;}  
a.navbar:hover 
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:ffffff; font-weight: bold; text-decoration:none; text-transform:lowercase; text-transform:lowercase;} 
a.redlink:active, a.redlink:visited, a.redlink:link 
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold; text-transform:lowercase;} 
a.redlink:hover 
{ font-family:verdana; font-size:11; letter-spacing: 0pt; color:000000; font-weight: bold; text-transform:lowercase;} 
input, textarea
{ font-family:verdana; font-size:11; color:000000; background:ffffff; text-align: left; line-height:10px; border:1px solid; border-color: 000000; }
td.text td.text table table table td div img {width:70px;}td.text td.text table table td div img{width:70px;}td.text td.text table table table td a img {width:70px;}html td.text td.text table table td img {width:70px;}
</style>
<p align="center">
<a href="http://stylish-layouts.com" style="position:absolute; top:250px; left:0px; width:40px; height:234px;" target="_blank">
<img style="position:fixed; top:0px; left:0px;" alt="Myspace 2.0 Layouts" src="http://i365.photobucket.com/albums/oo96/lush-lyts/newlinkback.gif" border="0"></a>
<a href="http://stylish-layouts.com">Get MySpace Layouts Here!</a><br>
<style type="text/css">

.contactTable { width:300px;
height:150px; padding:0px;
background-image:url(http://i286.photobucket.com/albums/ll85/xstylish-layoutsx/0CMS0/layouts/doublebackground/13/contact.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:repeat; background-color:zzzzzz;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
</style>

<div style="position:absolute; top:5; left:5"><a href="http://www.hunto.com"><img src="http://s603.photobucket.com/albums/tt114/layzooo/images/corner.gif" border="0"></a></div><a href="http://www.hunto.com">Free Layouts!</a>

Friendster Install Instructions (Preview?)

» Add the first code to your "CSS section"
» Add code #2 to your "media section".

/* PAGE BACKGROUND */
body {background-image: url(http://i286.photobucket.com/albums/ll85/xstylish-layoutsx/0CMS0/layouts/doublebackground/13/bg.gif);
 background-attachment: fixed;
scrollbar-face-color:#BD21FF;
 scrollbar-shadow-color:#F6F5F5;
 scrollbar-highlight-color:#ffffff;
 scrollbar-3dlight-color:#F6F5F5;
 scrollbar-darkshadow-color:#F6F5F5;
 scrollbar-track-color:#F6F5F5;
 scrollbar-arrow-color:#ffffff;
 }
/* GLOBAL FONTS */
.usercontent {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
  color: #000000;

}
.usercontent a:hover {
  color: #0000FF;

}
/* MASTER BOXES */
.commonbox {
background-color:#ffffff;
border: 1px solid;
border-color:c#5c5c5;
padding:0px;

}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ffffff;

background-color: #404040;

}
/* CONTROL PANEL: BOX */
.controlpanel {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
  border-color: #000000;

}
/* CONTROL PANEL: DATA */
.controlpanel .q {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}
.controlpanel .data {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}
.data a {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
  font-family: Arial, Sans-serif;

color: #000000;

border-color: #000000;

background-color: #ffffff;

}
#controlPanelButtons a:hover {
  font-family: Arial, Sans-serif;

color: #000000;

border-color: #000000;

background-color: #ffffff;

text-decoration: ;

}
/* BOX: MORE ABOUT ME */
.moreabout {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY PHOTO GALLERY */
.photos {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY FRIENDS */
.friends {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY VIDEOS */
.videos {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY GROUPS */
.groups {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY TESTIMONIALS */
.testimonials {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY SCRAPBOOK */
.scrapbook {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: FAN OF */
.fanof {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY FANS */
.myfans {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY REVIEWS */
.reviews {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY BLOGS */
.blogs {
  border-width: 2px;

border-color: #000000;

border-style: solid;

background-color: #ffffff;

}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
  border-width: 2px;

border-color: #000000;

border-style: solid;

}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
  font-family: Arial, Sans-serif;

color: #;

text-transform: ;

}

/* TESTIMONIALS EVEN ROW */
.commonbox .evenrow { background-color:#404040;
 }

/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;

border-color: #000000;

border-style: solid;

}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #000000;

background-color: #ffffff;

}

Friendster Code #2

Hi5 Install Instructions (Preview?)

» Next, copy the code (click inside the textbox then hold "Ctrl" and press "C").
» Inside the "About Me" paste the code (hold "Ctrl" and press "V").

<a href="http://layzoo.com/">HI5 Layouts</a><style type="text/css">

body {background-image: url(http://i286.photobucket.com/albums/ll85/xstylish-layoutsx/0CMS0/layouts/doublebackground/13/bg.gif);
 background-attachment: fixed;
scrollbar-face-color:#BD21FF;
 scrollbar-shadow-color:#F6F5F5;
 scrollbar-highlight-color:#ffffff;
 scrollbar-3dlight-color:#F6F5F5;
 scrollbar-darkshadow-color:#F6F5F5;
 scrollbar-track-color:#F6F5F5;
 scrollbar-arrow-color:#ffffff;
 }

#profile-name {color:#000000}

#profile-nav {color:#000000}

#profile-nav a {color:#000000}

#user-details .content {background-color:#ffffff;
border: 1px solid;
border-color:c#5c5c5;
padding:0px;
;

background-color:#ffffff}

#user-details, .section .content {background-color:#ffffff;
border: 1px solid;
border-color:c#5c5c5;
padding:0px;
;

background-color:#ffffff}

#user-details .footer {background-color:#ffffff;
border: 1px solid;
border-color:c#5c5c5;
padding:0px;
;

background-color:#ffffff}

.section a, section a:hover, section a:visited, .section {color:#000000}

.section h1{
  font-family: Verdana, Arial, Helvetica, sans-serif;

color: #ffffff;

background-color: #404040;

}

.section .footer {background-color:#ffffff;
border: 1px solid;
border-color:c#5c5c5;
padding:0px;
}
</style>
<div style="position:absolute; top:5; left:5"><a href="http://www.hunto.com"><img src="http://s603.photobucket.com/albums/tt114/layzooo/images/corner.gif" border="0"></a></div><a href="http://www.hunto.com">Free Layouts!</a>

User Comments

No comments have been submitted.