Emo Hi5 Layouts

Emo Layouts made specifically for Hi5

Other layouts on this site may work for Hi5, but these emo layouts are guaranteed to work on Hi5! Hi5 is a newer, less crowded social network just like frienster and myspace. If you want to submit your own layout on this page, email flowmo[at]emobucket.com

Hi5 Layouts

See a layout that you like? Click the box next to the layout to select the code. Take this code and paste in the about me section on hi5! :-)

Featured Layout - "Rainbows"

Blue/turquise Rainbows and clouds hi5 layout

The Code:

.scrollable .update .leftImage {
 padding-top:5px;
 height: 50px;
 vertical-align: top
}

.scrollable .update .rightImage {
 padding-top:5px;
 height: 50px;
 vertical-align: top
}
.scrollable .update .deleteUpdate {
 padding-top:5px;
 height: 50px;
 vertical-align: top
}

.scrollable .info a{
 font-size:11px;
 color: #3b5998;
 text-decoration:none;
}
.scrollable .info a:hover{
 font-size:11px;
 color: #3b5998;
 text-decoration:underline;
 text-align: top;
}
.scrollable .update img{
 float:left;
 margin:2px 8px 2px 2px;

}
.scrollable .update {
 border-bottom:1px solid #E1EAF1;
 background:#FFF;
 padding:5px;
 color: #333;
 clear:both;
 vertical-align:middle;
 height:auto;
}
.updates {
 border: 0px;
}

.scrollable a.delete {
 float:left;
 border:1px solid #69F;
 color:#69F;
 font-weight:normal;
 font-size:7px;
}

.subhead a {
 color: #085098;
 text-decoration:none;
 font-weight:normal;
 font-size:10px;
}

.request-section { margin-bottom: 0px; margin-right: 0px; }
.friend-request {
 border: 1px solid #cccccc; padding: 10px; _padding-bottom: 5px; margin: 0 150px; margin-bottom: 10px; width: auto;
 background: url(http://img.freecodesource.com/hi5-layouts/images/layouts/1185206222-139-0.gif);
}

</style><style type="text/css">
 .bg_title {
 margin-top:8px;
 }
 <!--
 .promo-link {

}

.profile-module-body, .profile-module-body-left {
 margin-bottom: 10px;
 padding:10px;
 padding-left: 16px;
 border: 1px solid #bbbbbb;
 }

.profile-module-link {
 border-bottom: 2px solid #42598E;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 color: #42598E;
 }

.profile-module-body-left {
 margin-left: 10px;
 }

#music_player {
 height: 270px;
 width: 360px;
 }
 #addtoprofile {
 background: url(http://img.freecodesource.com/hi5-layouts/images/layouts/1185206222-139-1.gif) top left no-repeat;
 padding: 2px 0 2px 10px;
 text-align: left;
 height:25px;
 }
 #addtoprofile a {
 font: 11px Arial, Helvetica, sans-serif;
 font-weight: bold;
 }

.heading_profile, .heading_profile_left {
 background-color: #bbbbbb;
 }

.heading_profile_left {
 margin-left: 10px;
 }
 .school_data {
 width: 90%;
 line-height:18px;
 background:none;
 clear:both;
 margin: 5px 0;
 }
 .school_data .details {
 color:#000;
 font-size:11px;
 }
 .details strong {
 color:#42598E;
 }
 .school_data .name a {
 text-decoration:none;
 padding-bottom:4px;
 font-weight:normal;
 font-size:18px;
 color:#42598E;
 }
 .school_data .name{
 width:75%;
 }
 .school_data .attendance {
 float:right;
 font-size:10px;
 }
 .box_content_profile_schools {
 background:white;
 border:1px solid #CCC;
 padding:10px;
 }

.box_home_col_left, .box_home_col_content, .box_community_content,
 .box_community_network_content, .box_fivestats_content, .box_community_friends_content,
 .box_community_classmates_content, .box_community_groups_content,
 .box_content_profile_journal, .box_content_profile_groups,
 .box_editprofile_content, .bg_border
 { background: none;}
 .bg_border { border: 1px solid #cccccc; }
 -->
 </style><style type="text/css">
.window_content { background: transparent; }.bg-content {
background-repeat: repeat-y; }
</style><style type="text/css">
 .box_profile_info_small_heading a { line-height:18px; text-decoration: none; }
 .box_profile_info_small_heading { text-align: left; }
 </style><style type="text/css">
 .box_profile_info_small_content a.link_black {line-height:18px;}
 </style><style type='text/css'>
.window_content { background: white; }
</style><style type="text/css">
</style><style type="text/css">
</style><style type="text/css">
body { 
background-color: #2c2c2c;
background-position:bottom left; background-attachment:fixed; background-repeat:repeat;

background-image:url(http://img.freecodesource.com/hi5-layouts/images/layouts/1185206222-139-2.gif);
}

table table td, .bg_pageheader, .bg_adbackground,.bg_title, .bg_network, .bg_groups, .bg_profile, .bg_classmates, .bg_community, .box_community_groups_heading, .bg_photos, .bg_systembox, .box_quicksearch_heading, .box_fivestats_heading, .bg_content, .box_home_col_left, .box_home_col_content, .box_community_content, .box_community_network_content, .box_fivestats_content, .box_community_friends_content, .box_community_classmates_content, .box_community_groups_content, .box_content_profile_journal, .box_content_profile_groups, .box_editprofile_content, .bg_border, .box_home_col_shortcuts, .box_quicksearchfield_title, .box_quicksearchfield_field, .box_profile_picture_links, .box_profile_links, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_groups, .bg_gradient_photos, .bg_gradient_home, .bg_gradient_profile, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_home, .bg_gradient_photos, table.box_profile_picture, .bg_gradient_groups, .bg_gradient_profile, .bg_notch_title, .bg_notch_network, .bg_notch_classmates, .bg_notch_community, .bg_notch_groups, .bg_notch_profile, .bg_notch_systembox, .profile-module-body, .profile-module-body-left, .box_content_profile_groups { background-color:transparent; background-image:none; } .bg_profile, .bg_gradient_profile, .bg_content { 
background-color:#2c2c2c;
background-image:url(http://img.freecodesource.com/hi5-layouts/images/layouts/1185206222-139-2.gif);
background-position:center Center; 
background-attachment:fixed; 
background-repeat:repeat; }

.profile-module-body { background-image:none; }

.profile-module-body-left, .box_content_profile_groups, .profile-module-body, .box_profile_info_large_content, .text_comment_body, .text_comment_header { 
 background-color:#3cc0cd; 
color: #FFFFFF;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; } 
#footer { background-color:#3cc0cd;}

a.profile-module-link:link, a.profile-module-link:visited, a.profile-module-link:hover, a.link_blue:visited, a.link_blue:hover, a.username_dark:link, a.username_dark:visited, a.username_dark:hover, a.text_journal_entry_bod:link, a.bluetxt:link, a.subhead:link { 
font-weight:normal; 
color: #dcdcdc;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif; } 
a.subhead:hover {  color:#dcdcdc;}
a.link_blue:link{color:#dcdcdc;}
.box_profile_info_small_content, .box_profile_info_small_heading { background-color:#3cc0cd;}
.box_profile_info_small_heading{color:#FFFFFF;}
 .box_profile_info_small_content { 
background-color:#3cc0cd; 
color: #FFFFFF;
font-weight:bold;  
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; }

.box_profile_info_large_heading { 
color: #dde1e0;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; } 
 .text_header {
 background-color:db55bd;
 
 }
#friends img {border:2px solid #dcdcdc;}
a {color:#1d2221;}
a:hover{color:#1d2221;}
 .box_profile_picture_links img {visibility:hidden;}
 .box_profile_picture_links { background-color:#3cc0cd;}
a.link_profile_left:link {color:#1d2221;}
a.link_profile_left:hover { color:#1d2221;}
#sub_nav_community { background-color:#3cc0cd;}
table,tr,td { background-color:transparent; border: none; border-width: 0;} table table table table table table table {border: 0px;} table table table table table table table table {border: 0px;} table td.bg_gradient_profile table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility: hidden;} table td.bg_gradient_community table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility:hidden; } 
</style><

More Hi5 Layouts

Star Overload

Lots of repeating stars

.window_content { background: transparent; }#user-details {border: solid 1px #cccccc}.box_profile_info_small_heading {font-family:Verdana, Arial, Helvetica, sans-serif;}.box_profile_info_large_heading {font-family:Verdana, Arial, Helvetica, sans-serif;}.bg_content{background-image: url(http://nebunatycka.hi5.com/friend/profile/displayGallery.do?userid=110497);}.bg_content{background-repeat:repeat;}#user-details { border: none; }#user-details .content { border: none; }

.bg_content{background-color:#FFFFFF;}.window_content{ background: #FFFFFF; } .section .content { border: 1px solid #cccccc }#user-details { border: none; } #user-details .content { border: none; } a,a:active,a:visited,a.link_blue,a.link_blue:active,a.link_blue:visited,a.username_dark,a.username_dark:active,a.username_dark:visited{color:#33CCCC;}.box_profile_info_small_heading{color:#660099;}.box_profile_info_large_heading{color:#660099;}.text_header_ltblue{color:#660099;}.box_profile_info_large_content, .window_content {color:#660099;}.box_profile_info_small_content{color:#660099;}.text_header{color:#999999;}.box_profile_info_small_heading {font-family:Verdana, Arial, Helvetica, sans-serif;}.box_profile_info_large_heading {font-family:Verdana, Arial, Helvetica, sans-serif;}.bg_content{background-image: url();}.bg_content{background-repeat:repeat;}#user-details { border: none; }#user-details .content { border: none; }.{hiding the bottom links}table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}. {hiding the copyright}table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}table, td {background-color:transparent; border:none; border-width:0;}body{background-image:url("http://img.freecodesource.com/hi5-layouts/images/layouts/1187623790-686-1.gif");background-attachment: fixed;background-position: bottom left;background-repeat:repeat; background-color:ffffff; }table table table {border: 3px solid; border-color:B2E2E4;  padding:0; background-color:D0B2E4; background-image: url("")}table tbody td table tbody tr td.text table{background-color:D0B2E4;width:269px; background-image: url("")}table table{border:0px;}table table table table{border:0px;}font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 14px;}textarea, input {font-family: arial; font-size: 14px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}.btext {font-family:arial; font-size:14px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:arial; font-size:9px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;border-left:5px solid;border-color:white;} .blacktext12 {font-family:arial; font-size: 9px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:arial; font-size: 9px; color:white;border-left:0px solid;border-color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .nametext {font-family:;color:black; font-size:40pt;LINE-HEIGHT:20pt;text-transform:lowercase;background-color:ffffff;border-bottom:1px solid;border-color:000000;display:block; letter-spacing:-1px; text-align: center;font-style:none;}.orangetext15 {font-family:arial; font-size: 9px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;display:none;}.redbtext, .redtext {font-family:arial; font-size: 12px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;display:;} .text {font-family:small fonts; font-size:7px; color:000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:small fonts; font-size: 9px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;border-bottom:2px solid;border-color:white;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 9px;color:black; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 12px; background-color: transparent; }a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:; font-size: 20px; color:black; line-height: 16px;font-weight: normal; text-decoration: none; letter-spacing:0px; text-transform:lowercase; background-color: transparent; border-bottom:0px solid;border-color:000000;}b, stong {font-family:small fonts; font-size: 7px; color:black; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:uppercase ; padding: 0px; line-height: 10px;}TD TD {text-align: center;}TD TD TD {text-align: center;}TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}TD TD TD TD TD {border-top: 0px solid black; text-align:center;}TD TD TD TD TD TD {border: 0px solid;}TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;}TABLE TABLE {padding: 0px; text-transform: uppercase;}TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;height: .01%; width: 100%;}TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}table td div div font {visibili-ty:hidden;di-splay:none;}table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} .{hiding the bottom links}table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}. {hiding the copyright}table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}table, td {background-color:transparent; border:none; border-width:0;}body{background-image:url("http://img.freecodesource.com/hi5-layouts/images/layouts/1187623790-686-1.gif");background-attachment: fixed;background-position: bottom left;background-repeat:repeat; background-color:ffffff; }table table table {border: 3px solid; border-color:B2E2E4;  padding:0; background-color:D0B2E4; background-image: url("")}table tbody td table tbody tr td.text table{background-color:D0B2E4;width:269px; background-image: url("")}table table{border:0px;}table table table table{border:0px;}font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 14px;}textarea, input {font-family: arial; font-size: 14px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}.btext {font-family:arial; font-size:14px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .blacktext10 {font-family:arial; font-size:9px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;border-left:5px solid;border-color:white;} .blacktext12 {font-family:arial; font-size: 9px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .lightbluetext8 {font-family:arial; font-size: 9px; color:white;border-left:0px solid;border-color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;} .nametext {font-family:;color:black; font-size:40pt;LINE-HEIGHT:20pt;text-transform:lowercase;background-color:ffffff;border-bottom:1px solid;border-color:000000;display:block; letter-spacing:-1px; text-align: center;font-style:none;}.orangetext15 {font-family:arial; font-size: 9px; color: white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;display:none;}.redbtext, .redtext {font-family:arial; font-size: 12px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;display:;} .text {font-family:small fonts; font-size:7px; color:000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} .whitetext12 {font-family:small fonts; font-size: 9px; color:white; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;border-bottom:2px solid;border-color:white;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 9px;color:black; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 12px; background-color: transparent; }a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:; font-size: 20px; color:black; line-height: 16px;font-weight: normal; text-decoration: none; letter-spacing:0px; text-transform:lowercase; background-color: transparent; border-bottom:0px solid;border-color:000000;}b, stong {font-family:small fonts; font-size: 7px; color:black; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:uppercase ; padding: 0px; line-height: 10px;}TD TD {text-align: center;}TD TD TD {text-align: center;}TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}TD TD TD TD TD {border-top: 0px solid black; text-align:center;}TD TD TD TD TD TD {border: 0px solid;}TABLE, TD {padding: 0px; text-transform: uppercase; width:350px;}TABLE TABLE {padding: 0px; text-transform: uppercase;}TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;height: .01%; width: 100%;}TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: uppercase;}table td div div font {visibili-ty:hidden;di-splay:none;}table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none !important} 
body, html {visibility:visible !important; display:block !important}
</style>

Heart Bones

Heart Bones? Kind of like cross bones, but instead of a skull there's a heart :-P

.window_content { background: transparent; }#user-details {border: solid 1px #cccccc}.bg-content { background-repeat: repeat-y; }

</style><style type='text/css'>
.window_content { background: white; }
</style><style type="text/css">
</style><style type="text/css">
</style><style type="text/css">
body { 
background-color: #2c2c2c;
background-position:bottom left; background-attachment:fixed; background-repeat:repeat;

background-image:url(http://img.freecodesource.com/hi5-layouts/images/layouts/1186151693-155-0.gif);
}

table table td, .bg_pageheader, .bg_adbackground,.bg_title, .bg_network, .bg_groups, .bg_profile, .bg_classmates, .bg_community, .box_community_groups_heading, .bg_photos, .bg_systembox, .box_quicksearch_heading, .box_fivestats_heading, .bg_content, .box_home_col_left, .box_home_col_content, .box_community_content, .box_community_network_content, .box_fivestats_content, .box_community_friends_content, .box_community_classmates_content, .box_community_groups_content, .box_content_profile_journal, .box_content_profile_groups, .box_editprofile_content, .bg_border, .box_home_col_shortcuts, .box_quicksearchfield_title, .box_quicksearchfield_field, .box_profile_picture_links, .box_profile_links, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_groups, .bg_gradient_photos, .bg_gradient_home, .bg_gradient_profile, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_home, .bg_gradient_photos, table.box_profile_picture, .bg_gradient_groups, .bg_gradient_profile, .bg_notch_title, .bg_notch_network, .bg_notch_classmates, .bg_notch_community, .bg_notch_groups, .bg_notch_profile, .bg_notch_systembox, .profile-module-body, .profile-module-body-left, .box_content_profile_groups { background-color:transparent; background-image:none; } .bg_profile, .bg_gradient_profile, .bg_content { 
background-color:#2c2c2c;
background-image:url(http://img.freecodesource.com/hi5-layouts/images/layouts/1186151693-155-0.gif);
background-position:center Center; 
background-attachment:fixed; 
background-repeat:repeat; }

.profile-module-body { background-image:none; }

.profile-module-body-left, .box_content_profile_groups, .profile-module-body, .box_profile_info_large_content, .text_comment_body, .text_comment_header { 
 background-color:#000000; 
color: #FFFFFF;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; } 
#footer { background-color:#000000;}

a.profile-module-link:link, a.profile-module-link:visited, a.profile-module-link:hover, a.link_blue:visited, a.link_blue:hover, a.username_dark:link, a.username_dark:visited, a.username_dark:hover, a.text_journal_entry_bod:link, a.bluetxt:link, a.subhead:link { 
font-weight:normal; 
color: #dcdcdc;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif; } 
a.subhead:hover {  color:#dcdcdc;}
a.link_blue:link{color:#dcdcdc;}
.box_profile_info_small_content, .box_profile_info_small_heading { background-color:#000000;}
.box_profile_info_small_heading{color:#FFFFFF;}
 .box_profile_info_small_content { 
background-color:#000000; 
color: #FFFFFF;
font-weight:bold;  
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; }

.box_profile_info_large_heading { 
color: #dde1e0;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; } 
 .text_header {
 background-color:000000;
 
 }
#friends img {border:2px solid #dcdcdc;}
a {color:#1d2221;}
a:hover{color:#1d2221;}
 .box_profile_picture_links img {visibility:hidden;}
 .box_profile_picture_links { background-color:#000000;}
a.link_profile_left:link {color:#1d2221;}
a.link_profile_left:hover { color:#1d2221;}
#sub_nav_community { background-color:#000000;}
table,tr,td { background-color:transparent; border: none; border-width: 0;} table table table table table table table {border: 0px;} table table table table table table table table {border: 0px;} table td.bg_gradient_profile table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility: hidden;} table td.bg_gradient_community table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility:hidden; } 
</style>m

PLease Love Me

Cursive writing layout for hi5

.scrollable .update .leftImage {
 padding-top:5px;
 height: 50px;
 vertical-align: top
}

.scrollable .update .rightImage {
 padding-top:5px;
 height: 50px;
 vertical-align: top
}
.scrollable .update .deleteUpdate {
 padding-top:5px;
 height: 50px;
 vertical-align: top
}

}
.scrollable .update {
 border-bottom:1px solid #E1EAF1;
 background:#FFF;
 padding:5px;
 color: #333;
 clear:both;
 vertical-align:middle;
 height:auto;
}
.updates {
 border: 0px;
}

.scrollable a.delete {
 float:left;
 border:1px solid #69F;
 color:#69F;
 font-weight:normal;
 font-size:7px;
}

.subhead a {
 color: #085098;
 text-decoration:none;
 font-weight:normal;
 font-size:10px;
}

</style><style type="text/css">
 .bg_title {
 margin-top:8px;
 }
 <!--
 .promo-link {

}

.profile-module-body, .profile-module-body-left {
 margin-bottom: 10px;
 padding:10px;
 padding-left: 16px;
 border: 1px solid #bbbbbb;
 }

.profile-module-link {
 border-bottom: 2px solid #42598E;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 color: #42598E;
 }

.profile-module-body-left {
 margin-left: 10px;
 }

#music_player {
 height: 270px;
 width: 360px;
 }
 #addtoprofile {
 background: url(http://img.freecodesource.com/hi5-layouts/images/layouts/1184969508-823-1.gif) top left no-repeat;
 padding: 2px 0 2px 10px;
 text-align: left;
 height:25px;
 }
 #addtoprofile a {
 font: 11px Arial, Helvetica, sans-serif;
 font-weight: bold;
 }

.heading_profile, .heading_profile_left {
 background-color: #bbbbbb;
 }

background-image:url(http://img.freecodesource.com/hi5-layouts/images/layouts/1184969508-823-2.gif);
}

table table td, .bg_pageheader, .bg_adbackground,.bg_title, .bg_network, .bg_groups, .bg_profile, .bg_classmates, .bg_community, .box_community_groups_heading, .bg_photos, .bg_systembox, .box_quicksearch_heading, .box_fivestats_heading, .bg_content, .box_home_col_left, .box_home_col_content, .box_community_content, .box_community_network_content, .box_fivestats_content, .box_community_friends_content, .box_community_classmates_content, .box_community_groups_content, .box_content_profile_journal, .box_content_profile_groups, .box_editprofile_content, .bg_border, .box_home_col_shortcuts, .box_quicksearchfield_title, .box_quicksearchfield_field, .box_profile_picture_links, .box_profile_links, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_groups, .bg_gradient_photos, .bg_gradient_home, .bg_gradient_profile, .bg_gradient_classmates, .bg_gradient_community, .bg_gradient_home, .bg_gradient_photos, table.box_profile_picture, .bg_gradient_groups, .bg_gradient_profile, .bg_notch_title, .bg_notch_network, .bg_notch_classmates, .bg_notch_community, .bg_notch_groups, .bg_notch_profile, .bg_notch_systembox, .profile-module-body, .profile-module-body-left, .box_content_profile_groups { background-color:transparent; background-image:none; } .bg_profile, .bg_gradient_profile, .bg_content { 
background-color:#2c2c2c;
background-image:url(http://img.freecodesource.com/hi5-layouts/images/layouts/1184969508-823-2.gif);
background-position:center Center; 
background-attachment:fixed; 
background-repeat:repeat; }

.profile-module-body { background-image:none; }

.profile-module-body-left, .box_content_profile_groups, .profile-module-body, .box_profile_info_large_content, .text_comment_body, .text_comment_header { 
 background-color:#000000  ; 
color: #FFFFFF;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; } 
#footer { background-color:#000000  ;}

a.profile-module-link:link, a.profile-module-link:visited, a.profile-module-link:hover, a.link_blue:visited, a.link_blue:hover, a.username_dark:link, a.username_dark:visited, a.username_dark:hover, a.text_journal_entry_bod:link, a.bluetxt:link, a.subhead:link { 
font-weight:normal; 
color: #dcdcdc;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif; } 
a.subhead:hover {  color:#dcdcdc;}
a.link_blue:link{color:#dcdcdc;}
.box_profile_info_small_content, .box_profile_info_small_heading { background-color:#000000 ;}
.box_profile_info_small_heading{color:#FFFFFF;}
 .box_profile_info_small_content { 
background-color:#000000  ; 
color: #FFFFFF;
font-weight:bold;  
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; }

.box_profile_info_large_heading { 
color: #dde1e0;
font-family: 'Lucida Grande','Lucida Sans Unicode',geneva,arial,verdana,sans-serif;
font-size: 14px; } 
 .text_header {
 background-color:#434343;
 
 }
#friends img {border:2px solid #dcdcdc;}
a {color:#1d2221;}
a:hover{color:#1d2221;}
 .box_profile_picture_links img {visibility:hidden;}
 .box_profile_picture_links { background-color:#000000  ;}
a.link_profile_left:link {color:#1d2221;}
a.link_profile_left:hover { color:#1d2221;}
#sub_nav_community { background-color:#000000  ;}
table,tr,td { background-color:transparent; border: none; border-width: 0;} table table table table table table table {border: 0px;} table table table table table table table table {border: 0px;} table td.bg_gradient_profile table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility: hidden;} table td.bg_gradient_community table table.bg_border td.bg_content table table table.bg_border td.box_content_profile_groups table td img {visibility:hidden; } 
</style>m

Skating Brand Icons layout

Show your love for skating on Hi5 with this layout

body, .bg_profile, .bg_gradient_profile, .bg_content {
  background-image:url(http://img.freecodesource.com/hi5-layouts/images/layouts/1182193663-103-0.gif); 
 background-position:Center Center; 
 background-attachment:scroll; 
 background-repeat:repeat; 
 }

table table { 
  border:0px; 
 }

.profile-module-body, .box_content_profile_journal table { 
  border:0px; 
 background-image:none; 
 background-color:transparent; 
 }

.profile-module-body, .box_content_profile_journal { 
  border-style:Dashed; 
 border-width:2px; 
 border-color:#F2222; 
 }

.profile-module-body, .box_content_profile_journal td { 
  background-color:#555555; 
 }

.bg_title, .p_title_nonotch, .bg_groups, .bg_journal, .bg_comments, .bg_classmates, .bg_network, li, p, div { 
  color:#fffff; 
 font-family:Tahoma; 
 font-weight:bold; 
 text-decoration:underline; 
 }

a .text_header 
 {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
 }

body, html {visibility:visible !important; display:block !important}

</style>

Grey and White Stripes

Simple and awesome emo layout

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:FF66FF; font-size:10pt; font-weight:bold; font-style:normal; font-family:Tahoma,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:FFFFFF; font-size:10pt; font-style:normal; font-family:Tahoma,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:FFFFFF; font-size:10pt; font-style:normal; font-family:Tahoma,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:FF66FF ; font-size:8pt; font-style:normal; font-family:Tahoma,arial,verdana,sans-serif;}
</style><style type="text/css">table table table td.text div img {visibility:hidden;} table table table td.text div { background-image:url('http://www.easygifs.com/onlineimages/playboy6xu6ob.gif'); background-repeat:no-repeat} table table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:url('none');}</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">
table table table td { !important;}
span.blacktext12 {
color:transparent;
visibility:visible !important;
background-color:transparent;
background-image:url("http://images.mygirlyspace.com/myspace-layouts/images/layouts/1179445473-769-4.gif");
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; }
</style><style type="text/css"> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://images.mygirlyspace.com/myspace-layouts/images/layouts/1179445473-769-1.gif"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style><style type="text/css">
table table table td.text div img {visibility:hidden;}
table table table td.text div {
background-image:url("http://images.mygirlyspace.com/myspace-layouts/images/layouts/1179445473-769-6.gif");
background-repeat:no-repeat;}
table table table td.text table table div img {visibility:visible;}
table table td.text table div,
table table table td.text table div {
background-image:none;}
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">
table table table td {vertical-align:top !important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://images.mygirlyspace.com/myspace-layouts/images/layouts/1179445473-769-7.gif");
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;}</style><style type="text/css">body {cursor: url(http://www.myspacedev.com/img/cursors/love/cursor06.cur); 
}</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>

Listen to the secrets

Notebook writing layout :-)

table table table {border: 1px solid; border-color:000000;  padding:0; background-color:66cccc;}table tbody td table tbody tr td.text table{background-color:aeeeee;}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family: arial; color: 303030; line-height: 10px; font-size:11px; text-transform:lowercase; letter-spacing:1px;}
textarea, input {font-family: arial; font-size: 8 px; color: 000000; text-transform:lowercase; letter-spacing:0px; background-color: ffffff;border:1px solid black;cursor: crosshair;}

.btext {font-family: arial; font-size: 11px; color: 33ccff; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase; display:none;} 
.blacktext10 {font-family: arial; font-size: 11px;color:  000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase; display:none;} 
.blacktext12 {font-family: arial; font-size: 11px; color: 000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase;}

.lightbluetext8 {display:none;}

.nametext {font-family: ; color:ffffff; line-height: 25 px; font-size:40px; text-transform: none; text-align:center; letter-spacing: 2px;}

.orangetext15 {display:none;}

.redbtext, .redtext {display:none;}

.text {font-family: arial ; font-size: 10 px; color:  000000; line-height: 8px; font-weight: normal;text-transform:lowercase;letter-spacing: 1 px;}

.whitetext12 {font-family: arial; font-size: 8px; color:  ffffff; line-height: 8px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color:  000000; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px; background-color: transparent;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family: arial; font-size: 14px; color: 00868b; font-weight: italic; text-decoration: none; letter-spacing: -2px; text-transform: lowercase; line-height: 20 px; background-color: transparent;}

b, stong 
{font-weight:bold;font-size:8pt;line-height:10px;text-transform:lowercase;color:000000 ;letter-spacing:0px;font-family:arial;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: ;}
a:hover {cursor: help;}
td td {text-align: center;}
td td td {text-align: center;}
td td td td {border-top: 0px solid; width: 1%; text-align:center;}
td td td td td {border-top: 0px solid black; text-align:center;}
td td td td td td {border: 0px solid;}
table, td {padding: 0px; text-transform: lowercase; width:350px;}
table table {padding: 0px; text-transform: lowercase;}
table table table {padding: 1px; text-transform: lowercase;height: .01%; width: 100%;}
table table table table {padding: 0px; text-transform: lowercase;}
table table table table table {padding: 0px; text-transform: lowercase;}
table table table table table table {padding: 0px; text-transform: lowercase;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table td.text table td.text table table tbody td table, span.btext {display: none !important} 
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">.fcsE{}</style>

Stripes

More stripes, green and yellow

.bbzs2 {content:"Table and Section Properties";} 
table, tr, td {background:transparent; border:0px;}
table table table {background-color:cc165c;}
table table table {
  border-width:2px;
  border-color:720041;
  border-style:solid;
}
table table table table {border:0px;}

.bbzs3 {content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:Verdana !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:720041 !important; font-size:10pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:e668af !important; font-size:11pt !important;}
a {color:720041 !important; font-size:10pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:e668af !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}

.bbzs4 {content:"Other Properties";}
img {border:0px;}

.bbzProfileGenerator {version:1.3;}
.moreCSS {content:"Additional CSS go under this line.";}

style type="text/css">table table table td {vertical-align:top ! important;}
        span.blacktext12 {
        visibility:visible !important;
        background-color:transparent;
        background-image:url(http://images.mygirlyspace.com/myspace-layouts/images/layouts/1180712723-631-2.gif);
        background-repeat:no-repeat;
        background-position:center center;
        font-size:0px; letter-spacing:-0.5px;
        width:435px; height:327px; display:block !important; }
        span.blacktext12 img {display:none;}
        </style><style type="text/css"> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://images.mygirlyspace.com/myspace-layouts/images/layouts/1180712723-631-3.gif"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable
table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>

Pink Black and Grey Grunge

Simple but pretty grunge

{ Created using the HotProfilePlus.com Profile Editor }

{ Contact Table }
 .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url('http://images.mygirlyspace.com/myspace-layouts/images/layouts/1180769663-311-1.gif'); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
 .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
 .contactTable a img {visibility:hidden; border:0px!important;}
 .contactTable a {display:block; height:28px; width:115px;}
 .contactTable .text {font-size:1px!important;}
 .contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

{ Background Properties }
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 body {
background-color:000000;
background-image:url('http://images.mygirlyspace.com/myspace-layouts/images/layouts/1180769663-311-2.gif');
background-attachment:fixed;
background-position:center center;
background-repeat:repeat;
border-top-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-right-width:2px;
border-color:FF0099;
border-style:double;
padding-left:0px;
padding-right:0px;
 }

.HotProfilePlus.com { Table Properties }
 table table { border: 0px }
 table table table table{border:0px}
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 table table table {
border-style:ridge;
border-width:1;
border-color:FF0099;
background-color:000000;
background-image:url('Enter Image URL');
background-repeat:repeat;
background-attachment:fixed;
background-position:top center;
 }
 table table table table td {filter:none;}

{ Text Properties }
 table, tr, td, li, p, div {font-family:arial !important; font-size:12px !important; color:FFFFFF !important; }
 .btext, .orangetext15, .nametext, .whitetext12 {font-family:arial !important; font-size:16px !important; color:CCCCCC !important; font-weight:bold; font-style:normal; }
 .blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {font-family:arial !important; font-size:14px !important; color:FF0099 !important; font-weight:bold; font-style:normal; }

{ Link Properties }
 a:active, a:visited, a:link {font-family:arial !important; color:FFFFFF !important; font-weight:normal; font-style:normal; }
 a:hover {font-family:arial !important; color:FF0099 !important; font-weight:normal; font-style:normal; }

{ Tweaks }
 a.text, table div font a, table div div {visibility:hidden;}
 table {direction:rtl;}
 table table table {direction:ltr;}

</style><style type="text/css">
table table table td.text div img {visibility:hidden;}
table table table td.text div {
background-image:url("http://images.mygirlyspace.com/myspace-layouts/images/layouts/1180769663-311-4.gif");
background-repeat:no-repeat;}
table table table td.text table table div img {visibility:visible;}
table table td.text table div,
table table table td.text table div {
background-image:none;}
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>

Emo Hi5 Layouts

Emo Layouts made specifically for Hi5

Hi5 Layouts

Featured Layout - "Rainbows"

More Emo Layouts

Emo Heart Layouts

Emo Skull Layouts

Emo Bands Layouts

VampireFreaks Layouts

Emo Boys Layouts

Emo Girls Layouts

Abstract Layouts

Friendster Layouts