Friends Profile 2.0 Layout - Friends 2.0 MySpace Layout Code

Friends 2.0 MySpace Layout

CHOOSE FROM A VARIETY OF STYLES BELOW! PREVIEW EACH STYLE TO SEE WHICH ONE YOU LIKE BEST.
YOU MUST HAVE PROFILE 2.0 INSTALLED ON YOUR MYSPACE IN ORDER FOR THIS TO WORK!

COPY AND PASTE THE CODE YOU CHOOSE INTO THE "CSS {}" SECTION.
OR AUTO INSTALL THE CODE TO YOUR PROFILE 2.0 ON MYSPACE! (RECOMMENDED)

Use this layout code if you prefer COLORED sections on your profile.

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #00cbcb url(http://s352.photobucket.com/albums/r357/layoutjelly/profile20/myspace-layouts/New/8_friends_00cbcb.gif) repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #000000}
a:hover {color: #FFFFFF }

div[class~="module"] { border:none; }
div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=00cbcb&r=6&w=2000&s=222222&sw=1); font-size:0px; }
div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #222222; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #222222; margin: 0 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #222222 1px; } 
div[class~="moduleMid1"] { border-right: solid #222222 1px; } 
div.moduleTop { background-position: top left; }
div.moduleTop div { background-position: top right; }
div.moduleBottom { background-position: bottom left; }
div.moduleBottom div { background-position: bottom right; }

div.wrap { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#FFFFFF; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #000000 solid; }  
#topnav ul li { border-left: 0px #000000 solid; }  
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#FFFFFF} 
div#footer div { padding:10px 0; color:#FFFFFF} 
h3.moduleHead { font-size: 120%; color:#FFFFFF; background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { background:#000000 bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
h4 { font-size: 110%; color:#FFFFFF} 
div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; }
div.basicInfoModule { background-color: transparent; } 
div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color: #00cbcb; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;} 
a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF} 
div.basicInfoDetails h2 { font-size: 24px; font-weight:bold; line-height: 1.2em;} 
div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }
div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #00cbcb; }
div.detailsModule li { background-color: #00cbcb; line-height: 0; color:#FFFFFF; } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } 
div.networkingModule a { font-weight:bold; }
div.blogsModule ul.moduleList { border-top: dotted #FFFFFF 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #FFFFFF; }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#00cbcb; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #FFFFFF; } 
div.commentsModule div.userComment { background-color:#00cbcb; } 
div.commentsModule div.user { background:transparent; background-color:#00cbcb; } 
div.commentsModule p.datePosted { font-weight: bold; color: #FFFFFF; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #3d3d3d; } 
div.commentsModule ul.moduleList li {background-color:#00cbcb;} 
#topnav ul li a:hover {background-color:#FFFFFF; color: #000000}  
#topnav ul li a.open:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}   
#subnav * {
color:#000000 !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}

div.content {background-color: #transparent;
background-image: url('http://i352.photobucket.com/albums/r357/layoutjelly/main/jelly20-corner-tran.gif');
background-repeat: no-repeat;
background-position: top right;}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*BEGIN_ABOUT_CONTENT
<a target="_blank" href="http://www.layoutjelly.com/">**click here for myspace profile 2.0 layouts**</a>
<div class="linkback_topleft"><a target="_blank" href="http://www.layoutjelly.com/"><img src="http://i352.photobucket.com/albums/r357/layoutjelly/main/jelly-corner.gif" border="0" alt="PROFILE 2.0 LAYOUTS HERE!" title="PROFILE 2.0 LAYOUTS HERE!"></a></div>
<div class="linkback_topright"><a target="_blank" href="http://www.layoutjelly.com/"><b><font face="Tahoma">PROFILE 2.0 LAYOUTS HERE!</font></b></a></div>
END_ABOUT_CONTENT*/

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/

Use this layout code if you prefer BLACK sections on your profile.

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #000000 url(http://s352.photobucket.com/albums/r357/layoutjelly/profile20/myspace-layouts/New/8_friends_00cbcb.gif) repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #00cbcb}
a:hover {color: #FFFFFF }

div[class~="module"] { border:none; }
div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=000000&r=6&w=2000&s=00cbcb&sw=1); font-size:0px; }
div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #00cbcb; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #00cbcb; margin: 0 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #00cbcb 1px; } 
div[class~="moduleMid1"] { border-right: solid #00cbcb 1px; } 
div.moduleTop { background-position: top left; }
div.moduleTop div { background-position: top right; }
div.moduleBottom { background-position: bottom left; }
div.moduleBottom div { background-position: bottom right; }

div.wrap { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#FFFFFF; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #000000 solid; }  
#topnav ul li { border-left: 0px #000000 solid; }  
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#FFFFFF} 
div#footer div { padding:10px 0; color:#FFFFFF} 
h3.moduleHead { font-size: 120%; color:#FFFFFF; background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { background:#00cbcb bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
h4 { font-size: 110%; color:#FFFFFF} 
div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; }
div.basicInfoModule { background-color: transparent; } 
div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color: #000000; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#FFFFFF;} 
a.url, ul.contactLinks li a, a:hover; {color: #FFFFFF} 
div.basicInfoDetails h2 { font-size: 24px; font-weight:bold; line-height: 1.2em;} 
div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }
div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #000000; }
div.detailsModule li { background-color: #000000; line-height: 0; color:#FFFFFF; } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } 
div.networkingModule a { font-weight:bold; }
div.blogsModule ul.moduleList { border-top: dotted #FFFFFF 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #FFFFFF; }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: #FFFFFF; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#000000; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #FFFFFF; } 
div.commentsModule div.userComment { background-color:#000000; } 
div.commentsModule div.user { background:transparent; background-color:#000000; } 
div.commentsModule p.datePosted { font-weight: bold; color: #FFFFFF; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #3d3d3d; } 
div.commentsModule ul.moduleList li {background-color:#000000;} 
#topnav ul li a:hover {background-color:#FFFFFF; color: #00cbcb}  
#topnav ul li a.open:hover {background: #FFFFFF none repeat scroll 0 0; color: #00cbcb}   
#subnav * {
color:#00cbcb !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #FFFFFF none repeat scroll 0 0; color: #00cbcb}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/

Use this layout code if you prefer WHITE sections on your profile.

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #FFFFFF url(http://s352.photobucket.com/albums/r357/layoutjelly/profile20/myspace-layouts/New/8_friends_00cbcb.gif) repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: #00cbcb}
a:hover {color: #000000 }

div[class~="module"] { border:none; }
div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=FFFFFF&r=6&w=2000&s=00cbcb&sw=1); font-size:0px; }
div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #00cbcb; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #00cbcb; margin: 0 5px; }

div.wrap { background-color:transparent } 
div.contentMid { background-color: transparent; } 
div.module { border:0px solid #E5E5E5; color:#000000; }  
div#header, div#googlebar { background: none; }

#topnav ul { border-right: 0px #FFFFFF solid; }  
#topnav ul li { border-left: 0px #FFFFFF solid; }  
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#000000} 
div#footer div { padding:10px 0; color:#000000} 
h3.moduleHead { font-size: 120%; color:#000000; background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { background:#00cbcb bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:17px;} 
h4 { font-size: 110%; color:#000000} 
div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; }
div.basicInfoModule { background-color: transparent; } 
div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color: #FFFFFF; } 
#topnav { background-color: transparent; }
div.moduleMid2 h3, div.basicInfoDetails h2 {color:#000000;} 
a.url, ul.contactLinks li a, a:hover; {color: #000000} 
div.basicInfoDetails h2 { font-size: 24px; font-weight:bold; line-height: 1.2em;} 
div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }
div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000; }
ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; }
div.musicPlayerModule h3.moduleHead { display: none; }
div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: #FFFFFF; }
div.detailsModule li { background-color: #FFFFFF; line-height: 0; color:#000000; } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #000000; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } 
div.networkingModule a { font-weight:bold; }
div.blogsModule ul.moduleList { border-top: dotted #000000 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #000000; }
div.blogsModule ul.moduleList span.date { color: #000000; } 
div.blurbsModule h4 { background-color: transparent; color: #000000; } 
div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } 
div.commentsModule ul.moduleList li { background-color:#FFFFFF; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #000000; } 
div.commentsModule div.userComment { background-color:#FFFFFF; } 
div.commentsModule div.user { background:transparent; background-color:#FFFFFF; } 
div.commentsModule p.datePosted { font-weight: bold; color: #000000; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #3d3d3d; } 
div.commentsModule ul.moduleList li {background-color:#FFFFFF;} 
#topnav ul li a:hover {background-color:#000000; color: #00cbcb}  
#topnav ul li a.open:hover {background: #000000 none repeat scroll 0 0; color: #00cbcb}   
#subnav * {
color:#00cbcb !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #000000 none repeat scroll 0 0; color: #00cbcb}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/

Use this layout code if you prefer DEFAULT sections on your profile.

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/
div #header, div #googlebar, div #topnav, div.wrap {background-color: transparent;}

#topnav ul, #topnav ul li {border: 0px;}

body, div, p, h3, h1, h2, h4 {font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;}

span, #topnav a {color: #000000;}

a, a:link, a:active, a:visited, div.blurbsModule h4, span.count {color: #00cbcb;}

div.photo, div.profileDemographics, div.detailsModule li, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem, div.companiesModule li.moduleItem, div.commentsModule h3, div.commentsModule div.userComment, div.blurbsModule h3 {background-color: #ffffff;}

div.content {background-color: #ffffff;
border: 5px solid;
border-color: 000000;
background-image: url('http://i352.photobucket.com/albums/r357/layoutjelly/main/jelly20-corner.gif');
background-repeat: no-repeat;
background-position: top right;}

h3.moduleHead {border: 1px solid;
border-color: #00cbcb;
background-color: #00cbcb;
color: #FFFFFF;
text-align: center;
padding: 0px;
margin: 0px;
font-size: 11px;
font-weight: bold;}

div.detailsModule li strong, div.friendSpaceModule h3, div.calendarModule h3, div.blurbsModule h3, div.blogsModule h3, div.commentsModule h3 {border: 1px solid;
border-color: #00cbcb;
background-color: #00cbcb;
color: #ffffff;
text-align: center;
padding: 0px;
margin: 0px;
font-size: 11px;
font-weight: bold;}

h2 {border-bottom: 3px solid;
border-color: #00cbcb;
text-align: left;}

div.commentsModule ul.moduleList li {background-color: #fff58a;}

div.moduleTop, div.moduleTop div, div.moduleBottom, div.moduleBottom div {background: none;}

div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div, div[class~="moduleMid"], div[class~="moduleMid1"] {border: 0px;}

body {background-image: url('http://s352.photobucket.com/albums/r357/layoutjelly/profile20/myspace-layouts/New/8_friends_00cbcb.gif');}

.linkback_topleft { position: absolute; top: 0px; left: 0px; }
.linkback_topright { position: absolute; top: 0px; right: 0px; }

/*LAYOUT CODE DESIGNED BY LAYOUTJELLY.COM*/

Friends Layout Comments