Crimson Sky Graphics » MySpace Layout: Blue Flow

MySpace Layout: Blue Flow

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 2010. Do not remove any credits from this layout, nor change the images or graphics.}

body 
{background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_20/Flow/CSG_BlueFlow_MainBG.png’); 
background-attachment:fixed; 
background-position:bottom center; 
background-repeat:repeat-x; 
background-color: #000000;}

div#header {background-color:transparent; background-image:none; width:900px;}

div.wrap {background-color:#000000; background-image:url(‘http://i263.photobucket.com/albums/ii142/CrimsonSkyGraphics/MySpace_20/Flow/CSG_BlueFlow_TopBG.png’); background-repeat:no-repeat; width:900px; border-right:2px solid #219daf; border-left: 2px solid #219daf;}

div#footer {background-color:transparent; background-image:; 
border-color:; border: 0px solid; width:750px; color: #000000;}

div#googlebar {background-color:transparent; background-image:;}

#topnav {
background-color: transparent; background-image:none;
border:none; width:900px; margin-bottom:275px;}

#topnav ul {border-right:0;}

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

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

#topnav ul li a:hover small {color: #27c1d7;}

#topnav ul li.dropDown:hover a, #topnav ul li.hover a,#topnav ul li.hover a:hover, #topnav ul a:hover {background-color:#000000; background-image: ; color: #27c1d7; }

#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover{background-color: #05181b; color: #27c1d7;}

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

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

body.layout_0_2_0 div.column0
{width: 300px; margin-left:5px; margin-top:5px;}

body.layout_0_2_0 div.row1 div.column1
{width: 560px; float: right; margin-right:5px; margin-top:5px;}

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

div.basicInfoDetails
{background-color:transparent; 
border:0;
padding-top:10px; 
margin-left:-5px;}

div.moduleBody 
{background-color:transparent; 
color: #18727f;  
font-family:verdana; 
font-size:13px; text-transform:none; 
text-align:left;}

.activitySourceTimestamp {
color: #145d68; }

div.module 
{background-color: #05181b; 
border:1px solid #0d3c43; 
padding:10px;}

div.basicInfoModule div.basicInfoDetails h2 
{background:none;
color: #1e97a8; 
font-family:verdana; 
font-size:20px; text-transform:none; 
font-weight:normal; border:0; 
display: block;  text-align:left;}

div.blurbLikeToMeet h4
{color: #1c82c3; 
font-family:verdana; 
font-size:14px; text-transform:none; 
font-weight: bold; border:0; 
padding-left:5px; display: block;  
line-height:; text-align:left;}

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

h3.moduleHead 
{background:transparent;
border:0;
color: #1e97a8; 
font-family:verdana; font-size:20px; 
text-transform:none; font-weight:normal; 
text-align:left; display:block; margin-left:-5px;}

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

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

div.detailsModule li strong 
{background-color:transparent; 
color: #1c82c3; 
font-family: verdana; font-size:12px;
 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: #27c1d7; 
font-family:verdana; font-size:12px; 
text-decoration:none; 
text-transform:none; font-weight:normal;}

div.moduleBody a:hover, a:hover
 {color: #27c1d7; 
font-family:verdana; font-size:12px; 
text-decoration:underline; 
text-transform:none; font-weight:normal;}

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

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

div.commentsModule p.datePosted 
{background-color:transparent; 
color: #1c82c3; font-size:14px;
font-family:verdana; 
font-weight:bold; 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;}

div.commentsModule ul.moduleList div.userComment {border-top:0px;}

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

div.musicPlayerModule div.moduleBody {background:none; overflow:hidden; border:0;padding-top:15px;}

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:

Tags: Abstract • Black • Blue • Free • MySpace Layouts
Designed by: Sarah

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.