MySpace 2.0 Layouts » Animated 2.0 Layouts » Banana Split 2.0 Layout

Banana Split MySpace Layout

You choose the Banana Split 2.0 MySpace Layout. Good choice! If you decide you don't like this 2.0 Banana Split layout, you should check out all of our other 2.0 MySpace Layouts. Below is the background and code to install the Banana Split layout.

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://www.profilesupport.net/new-myspace-layouts/corners-1.png); 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; }
div.wrap {width:800px;}
div#header, div#googlebar { background: transparent }
div#googlebar, div.wrap {background-color: transparent;}
body {background-image:url(http://www.20layouts.net/layouts/animated/banana-split/bg.gif); background-attachment:fixed; background-position:top left; background-repeat:repeat; background-color:#FFFFFF;}
div#header, div#googlebar {background-color:transparent;}
#topnav {background-color:#86ca0d;}
#topnav ul {border-right:0;}
#topnav ul li {border-left:0;} 
#topnav ul li a:hover {background-color:#86ca0d; color:#ffffff;}
div#footer div {color:#ffffff} 
div.moduleBody a, a:link, a:active, a:visited {color:#14bdbe; font-family:century gothic; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:lowercase; font-weight:bold;}
div.moduleBody a:hover, a:hover {color:#ff4991; font-family:century gothic; font-size:10px; letter-spacing:0; text-decoration:none; text-transform:lowercase; font-weight:bold;}
div.moduleBody {background-color: #ffffff; color:#000000; font-size:10px; font-family:century gothic; font-size:10px; text-transform:lowercase;}
div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color:#ffffff; }
div.profileDemographics {background-color:#FFFFFF; border:0; padding:0;}
div.basicInfoModule div.basicInfoDetails h2 {background:none; color:#14bdbe; font-family:century gothic; font-size:21px; text-transform:lowercase; font-weight:normal; border:0; padding-left:0px; display: block; letter-spacing:-2px; text-align:left;}
h3.moduleHead {background-color:#14bdbe; color:#ffffff; font-family:century gothic; font-size:10px; letter-spacing:0; text-transform:uppercase; font-weight:bold; text-align:left; padding-left:2px; border:0; line-height:8px; display:block;}
h4 {background-color:#ff4991; color:#FFFFFF; font-family:century gothic; font-size:10px; letter-spacing:0; text-transform:lowercase; border:0; font-weight:bold; display:block; padding-left:2px; line-height:10px; padding:1px;}
div.detailsModule li strong {background-color:#ff4991; color:#FFFFFF; font-family:century gothic; font-size:10px; letter-spacing:0; text-transform:lowercase; border:0; font-weight:bold; display:block; float:left; width: 80px; line-height:12px; margin-right:10px; padding-left:2px;}
strong, b, span.count {color:#ff9409; font-size:10px; font-family:century gothic; font-weight:bold;}
.commentsModule .odd {background-color:#f9f9f9; color:#000000; text-transform:lowercase; border:0;}
div.commentsModule p.datePosted {background-color:#ff9409; color:#FFFFFF;; font-size:8px; font-family:small fonts; font-weight:normal; text-transform:uppercase; float:left; width:85px; line-height:10px; margin-right:10px; padding-left:2px;}

Myspace Install Instructions

Click on "Customize Profile" (under Profile in the menu).
In the customize section click "Select Theme" and select "No Theme".
Click on the "{} CSS" tab and copy and paste the code below into the box.
You must click "preview" and then "publish" for the changes to take effect!