Crimson Sky Graphics » MySpace Layout: Neon Rainbow

MySpace Layout: Neon Rainbow

Click Above Image to see Full Size Sample

How to Use in MySpace Profile 2.0:

1. Click on “Customize Profile” then enter the following code into the CSS box:

Copyright {This layout is copyright CrimsonSkyGraphics.com, Sarah Kettell 2009. Do not remove any credits from this layout, nor change the images or graphics.}

body 
{background-color: #fffffff;
background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_Layouts/JeweledRainbow/NeonRainbow_BG.jpg’); 
background-attachment:fixed; 
background-position:bottom center; 
background-repeat:no-repeat;}

div#header {background-color:transparent; background-image:url(”); width:800px;}

div#footer {background-color:transparent; background-image:url(); 
border-color:; border: 0px solid; width:750px; color: #fdfe63;}

div#googlebar {background-color:transparent; background-image:url(”);}

#topnav {
background-color: #ffffff; background-image:none;
border:0px solid; border-top:1px solid; border-bottom:1px solid; border-color:#fdfe63; 
width:800px; margin-bottom:10px;}

#topnav ul {border-right:0;}

#topnav ul li {border-left:0; }

#topnav ul li a {background-color: transparent; color: #6eec59; font-size:13px; font-weight:normal;}
 
#topnav ul li a:hover, ul li .open {background-color: transparent; color: #fffc2f;}

#topnav ul li a:hover small {color: #6eec59;}

#topnav ul li.dropDown:hover a, #topnav ul li.hover a,#topnav ul li.hover a:hover, #topnav ul a:hover {background-color:#fffffff; background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_20/topnavwhiteBG.jpg’); color: #6eec59; }

#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover{background-color: #6eec59; color: #fffc2f;}

#topnav ul.subMenu {border:1px solid; border-color: #fdfe63; border-top:none;}

#topnav ul.subMenu li.divider {border-bottom:0px solid; border-color:  #fdfe63;}

div.photo
{padding-top:55px;}

div.basicInfoDetails
{background-color:transparent;
background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_Layouts/JeweledRainbow/NeonRainbow_TableTop.jpg’); 
background-position: top center; 
background-repeat:repeat-x;
margin-left: -5px;
padding-top:50px;
border-top:1px solid; 
border-color: #fdfe63;}

div.moduleBody 
{background-color: #ffffff; 
border:1px solid; 
border-top:0px solid;
border-color: #fdfe63;
color: #b057ff;  
font-family:verdana; 
font-size:13px; text-transform:none; 
text-align:left;
margin-top:-15px;
padding-left:4px;
padding-bottom:5px;}

div.module 
{background-color: #transparent; 
border:0px solid; border-color:#ffffff; 
padding:px;}

div.basicInfoModule div.basicInfoDetails h2 
{background:none;
color: #ff46b8; 
font-family:verdana; 
font-size:18px; text-transform:none; 
font-weight:normal; border:0; 
padding-left:px; display: block;  
line-height:normal; text-align:left;}

div.blurbLikeToMeet h4
{color: #ff46b8; 
font-family:verdana; 
font-size:16px; text-transform:none; 
font-weight: boldl; border:0; 
padding-left:px; display: block;  
line-height:; text-align:center;}

div.blurbAboutMe h4
{color: #ff46b8; 
font-family:verdana; 
font-size:16px; text-transform:none; 
font-weight: bold; border:0; 
padding-left:px; display: block;  
line-height:; text-align:center;}

h3.moduleHead 
{background-color:#ffffff;
background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_Layouts/JeweledRainbow/NeonRainbow_TableTop.jpg’); 
background-position: top center; 
background-repeat:repeat-x; 
border:1px solid; 
border-bottom:0px solid;
border-color: #fdfe63;
color: #4364ff; 
font-family:verdana; font-size:18px; 
text-transform:uppercase; font-weight:normal; 
text-align:center; display:block; padding-top:50px;
margin-bottom:10px;}

div.interestsModule h4 {
background-color:transparent; 
color: #ff46b8; 
font-family:verdana font-size:16px; 
text-transform:none;
font-weight:bold; text-align:left;}

h4 
{background-color:transparent; 
color: #ff46b8; 
font-family:verdana; font-size:16px; 
text-transform:none;
font-weight: bold; display:block;}

div.detailsModule li strong 
{background-color:transparent; 
color: #ff46b8; 
font-family: verdana; font-size:14px;
 text-transform:none; 
font-weight: bold; display:block;
float:left; padding-right:5px;}

div.moduleBody a, a:link, a:active, a:visited, div.commentsModule ul.moduleList li.odd div.user span.pilDisplayName, ul.moduleList li.even div.user span.pilDisplayName
{color: #6eec59; 
font-family:verdana; font-size:13px; 
text-decoration:none; 
text-transform:none; font-weight:bold;}

div.moduleBody a:hover, a:hover
 {color: #fffc2f; 
font-family:verdana; font-size:13px; 
text-decoration:none; 
text-transform:none; font-weight:bold;}

strong, b, span.count 
{color: #ffc06b; font-size:12px; 
font-family:verdana; font-weight:bold;}

i, em 
{color: #ffc06b; 
text-transform: none; text-decoration: none; font-weight: italic;}

div.commentsModule p.datePosted 
{background-color:transparent; 
color: #ff46b8; font-size:18px;
font-family:verdana; 
font-weight:normal; text-transform:none; width:300px;}

div.commentsModule ul.moduleList li.odd div.user {float:right;}
div.commentsModule ul.moduleList li.odd div.userComment {margin-left:0px; margin-right: 25%; border-top:0px solid;
border-color: #fdfe63;}

div.commentsModule ul.moduleList div.userComment {border-top:0px solid; border-color: #fdfe63;}

div.wrap {background-color:transparent; width:800px;}

div.contentTop table td {background-image:none; width:auto; height:auto;}

div.musicPlayerModule div.moduleBody {position:relative; background-position: center; overflow:hidden; border-top:1px solid; border-color: #fdfe63; padding-top:5px;}

div.contentTop div div
{background: url(http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/LayoutButton.gif) no-repeat; width: 114px; height: 113px; position: absolute; top: 0; left: 0;}

2. Enter this code into the bottom of the section titled Who I’d Like To Meet:

About This Layout:

Note: This layout and all images involved are free for personal use only. Please see our terms of use for more information.

Leave Your Thoughts

Latest Tweet

NEW: Sparkly Light 3D Text Tutorial. First official tutorial on Crimson Sky Graphics. Check it out! http://tinyurl.com/43yvk96 11:44pm April 28, 2011 from TweetDeck

Professional Design Services

Looking to hire a web & graphic designer for your project? Click here to learn more about the designer and get a free quote.

What People Are Saying

Felix Valliant on Why I Used WordPress as a CMS
Jonathan on Why I Used WordPress as a CMS
Boins on The Perils of Comment Spam & Other Issues

Design for Us

Do you love to design? We're always looking for talented new designers for tutorials, layouts, and graphics. If you think you've got what it takes, contact us.