MySpace Stuff » Default 2.0 Layouts » Barbie 2.0 MySpace Layout

You are viewing our Default Barbie 2.0 Layout. This MySpace Barbie 2.0 Layout can be installed by following the instructions below. If you don't like this 2.0 Barbie Layout then check out our other Default 2.0 Layouts. Don't want a Default 2.0 Layout? Check out our other Free MySpace Layouts.

/*GLOBAL*/ body { margin:0; background-attachment:fixed; background-color:#000000; background-image:url('http://www.profilesupport.net/myspace-layouts/default-2.0/barbie/bg.gif'); background-repeat:repeat font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; } div.wrap{width:800px;} p{line-height:1.6;} a,a:hover{text-decoration:none;} a:link, a:visited { color:#103795; } a:hover { color:#cc0000; } div.contentMid { background-color:#fff; } span.count { color:#db0002; } div.module { border:1px solid #E5E5E5; } .noborder { border:none; } /*HEADINGS*/ h1,h2,h3,h4 { font-weight: bold; } h3.moduleHead { color: #fff; background-color: #4184D5; } h4 { font-size: 110%; } /*NO BORDER FOR CERTAIN MODULES*/ div.musicPlayerModule, div.videoPlayerModule, div.videoSliderModule, div.blogsModule, div.blurbsModule { border: 0px; } /*GLOBAL TOOLBAR STYLES*/ div.toolbar ul li { border-right: 1px solid #3d3d3d; } div.toolbar ul li.last, div.toolbar ul li.navLabel { border-right: none; } span.toolbarCount { font-weight: bold; } /***********************************/ /* BEGIN MODULE STYLES */ /***********************************/ /*PROFILE NAVIGATION HEADER*/ div.profileHeaderModule div.moduleHeadTop, div.profileHeaderModule div.moduleHeadMid, div.profileHeaderModule div.moduleHeadBottom { display:none; } div.profileHeaderModule { background-color: #FFF; } div.photo { background-color: #E5E5E5; } div.profileDemographics { background-color: #D5E7FB; } div.profileHeaderDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.5em; } 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; } /*INTERESTS*/ div.interestsModule li { background-color: #D5E7FB; } div.interestsModule li h4 { color: #2C6DBD; } /*DETAILS*/ div.detailsModule li { background-color: #D5E7FB; line-height: 0; } div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #2C6DBD; } div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } /*SCHOOLS*/ div.schoolsModule li.moduleItem { background-color: #D5E7FB; } /*NETWORKING*/ div.networkingModule li.moduleItem { background-color:#D5E7FB; } div.networkingModule a { font-weight:bold; } /*COMPANIES*/ div.companiesModule li.moduleItem { background-color:#D5E7FB; } /*BLOGS*/ div.blogsModule h3 { background-color: transparent; color: #3d3d3d;} div.blogsModule ul.moduleList { border-top: dotted #3d3d3d 1px; } div.blogsModule ul.moduleList li { border-bottom: dotted 1px #3d3d3d; } div.blogsModule ul.moduleList span.date { color: #636363; } /*BLURBS*/ div.blurbsModule h3 { background-color: #d5e8fb; color: #464646; } div.blurbsModule h4 { background-color: transparent; color: #36C; } /*CALENDAR*/ div.calendarModule h3 { background-color: #d5e8fb; color: #464646; } div.calendarModule ul.moduleList { border-top: dotted 1px #3d3d3d; } div.calendarModule li.moduleItem { border-bottom: dotted 1px #3d3d3d; } /*FRIENDS SPACE*/ div.friendSpaceModule h3 { background-color: #F8D49B; color: #464646; } /*COMMENTS*/ div.commentsModule ul.moduleList li { background-color:#F8D49B; } div.commentsModule a.profileLink, div.commentsModule p.datePosted { font-weight:bold; } div.commentsModule h3 { background-color:#F8D49B; color:#464646; } div.commentsModule div.userComment { background-color:#FCEACD; } div.commentsModule p.datePosted { color:#000; } 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 ul.commentsInfo li.last { border-right: none; } /***************************************/ /* BEGIN CONTAINER STYLES */ /***************************************/ /* ROUNDED CORNERS */ div[class~="module"] { border:none; } /*ROUNDED OUTER BORDERS*/ 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=Transparent&r=5&w=2000&s=E5E5E5&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 #E5E5E5; margin: 0px 5px; } div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #E5E5E5; margin: 0 5px; } div[class~="moduleMid2"] { margin: 0 5px; } div[class~="moduleMid"] { border-left: solid #E5E5E5 1px; } div[class~="moduleMid1"] { border-right: solid #E5E5E5 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; } /* MUSIC PLAYER - hide border */ div.musicPlayerModule div.moduleTop, div.musicPlayerModule div.moduleTop div, div.musicPlayerModule div.moduleMid, div.musicPlayerModule div.moduleMid1, div.musicPlayerModule div.moduleBottom, div.musicPlayerModule div.moduleBottom div { background-image:none; border:0; } /* VIDEO PLAYER - hide border */ div.videoPlayerModule div.moduleTop, div.videoPlayerModule div.moduleTop div, div.videoPlayerModule div.moduleMid, div.videoPlayerModule div.moduleMid1, div.videoPlayerModule div.moduleBottom, div.videoPlayerModule div.moduleBottom div { background-image:none; border:0; } div.videoPlayerModule div.moduleMid2 { margin: 0; } /* VIDEO SLIDER - hide border */ div.videoSliderModule div.moduleTop, div.videoSliderModule div.moduleTop div, div.videoSliderModule div.moduleMid, div.videoSliderModule div.moduleMid1, div.videoSliderModule div.moduleBottom, div.videoSliderModule div.moduleBottom div { background-image:none; border:0; } div.videoSliderModule div.moduleMid2 { margin: 0; } div.musicPlayerModule div.moduleMid2 { margin: 0; } /* BLOGS - hide border and remove header background color */ div.blogsModule, div.blogsModule div.moduleTop, div.blogsModule div.moduleTop div, div.blogsModule div.moduleMid, div.blogsModule div.moduleMid1, div.blogsModule div.moduleBottom, div.blogsModule div.moduleBottom div { background-image:none; border: 0; } /*BLURBS - hide border and change header background color */ div.blurbsModule, div.blurbsModule div.moduleTop, div.blurbsModule div.moduleTop div, div.blurbsModule div.moduleMid, div.blurbsModule div.moduleMid1, div.blurbsModule div.moduleBottom, div.blurbsModule div.moduleBottom div { background-image:none; border:0; } .linkback_topleft { position: absolute; top: 0px; left: 0px; } /* linkback or site logo div */ /*BEGIN_ABOUT_CONTENT <div class="linkback_topleft"><a href="http://www.profilesupport.net"><img src="http://www.profilesupport.net/credit/supportus.gif" border="0" alt="ProfileSupport.net"></a></div> END_ABOUT_CONTENT*/

1. Click the big thumbnail above to see the layout
2. Next, copy the code (click inside the textbox then hold "Ctrl" and press "C").
3. Go back to your Myspace profile and into "Edit Profile", then "Customize".
4. Inside the "CSS Section" paste the code (hold "Ctrl" and press "V").