Ocean Sunset

Designer's Comments

Look carefully for specific instructions

Updated again July 11th to work with the newest updates.

Updated again July 1, 2008 to work with the new navigation.

Updated June 10, 2008, with cleaner coding, and everything is hidden! To replace the old coding with the new, just copy all the information you have in the box to some sort of text editing program (notepad, word, whatever you have...), copy and paste the new codes back into your profile, add in your information again, and ka-boom! You got it! :]

Another one, different colors. Please PM me if you would like to see any certain colors...I really won't bite!
Replace X's with your friendID (look towards the right of the I'd like to meet code).
Edit my ramblings with your info, of course. Remember the box scrolls!
And once again, no jocking or spoons are going in your ears!

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;} 
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
.contacttable, .extendednetwork, .latestblogentry, .profileinfo, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .friendspace, .friendscomments, .orangetext15{display:none;}
table,td,tr{padding:0px;width:;background-color:transparent}
table div div, table div font { display:none; }
div div table div div { display:block; }
td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

body{
background-color: ffffff;
background-image: url('http://cbimg6.com/layouts/08/02/09/25363aa.png');
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom left;
}

U {
font: tahoma; 
font-size: 10px; 
border-bottom: 2px dotted; 
border-bottom-color: 405952; 
text-decoration: none; 
text-transform:none; 
color: ff974f;
}

I, em {
font-family: georgia; 
font-style: italic; 
text-transform:none; 
color: ffd393; 
}

.standard b, p b, B, strong {
font-family:tahoma; 
font-size:10px; 
color:000000; 
font-weight:none;
border:0px; 
text-transform: none; 
}

a:link, a:visited, a:active{
color:000000;}
a:hover{
color:ffffff;}

.main{
position:absolute;
top:185px;
left:220px;
z-index:2;
width:594px;
height:428px;}

.content{
position:absolute;
top:254px;
left:236px;
overflow:auto;
width:552px;
_width:562px;
height:327px;
_height:337px;
z-index:2;
padding:5px;
font-family:tahoma; 
font-size:10px; 
color:405952; 
text-transform:none; 
line-height:12px;}

a.home{
height: 57px;
width: 68px;
overflow: hidden;
background: url(http://cbimg6.com/layouts/08/02/09/25363ab.png) top left no-repeat;
display:block;
}
a.home:hover{
background-position: top right;
}

a.pics{
height: 57px; 
width: 56px; 
overflow: hidden; 
background: url(http://cbimg6.com/layouts/08/02/09/25363ac.png) top left no-repeat; 
display:block;
}
a.pics:hover{
background-position: top right;
}

a.message{
height: 57px;
width: 103px;
overflow: hidden;
background: url(http://cbimg6.com/layouts/08/02/09/25363ad.png) top left no-repeat;
display:block;
}
a.message:hover{
background-position: top right;
}

a.add{
height: 57px;
width: 58px;
overflow: hidden;
background: url(http://cbimg6.com/layouts/08/02/09/25363ae.png) top left no-repeat;
display:block;
}
a.add:hover{
background-position: top right;
}

a.blck{
height: 57px;
width: 68px;
overflow: hidden;
background: url(http://cbimg6.com/layouts/08/02/09/25363af.png) top left no-repeat;
display:block;
}
a.blck:hover{
background-position: top right;
}

a.friends{
height: 57px;
width: 87px;
overflow: hidden;
background: url(http://cbimg6.com/layouts/08/02/09/25363ag.png) top left no-repeat;
display:block;
}
a.friends:hover{
background-position: top right;
}

a.comment{
height: 57px;
width: 110px;
overflow: hidden;
background: url(http://cbimg6.com/layouts/08/02/09/25363ah.png) top left no-repeat;
display:block;
}
a.comment:hover{
background-position: top right;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
<img src="http://cbimg6.com/layouts/08/02/09/25363ai.png">
<a href="http://www.rockitstudios.890m.com">RockIt Studios</a> @ <a href="http://www.createblog.com">CreateBlog</a>
</div>

<div class="content">
<center>
Put things about you here. I'm Rad. I'm 15 years young. My favorite color is Navy Blue. Black and white technically aren't colors. All of my electronics are red. I like muffins. Especially Slutmuffins. End of story. I hate you. I love music. I'm a retard....life story right there. I love to sing. I hate when people are stupid. I love my MP3 Player. I hate when men don't shave. You get the point. Put whatever. Your name, age, sex, location, hobbies, friends, birthday. You choose. You have a lot of space to fill. Here is the Dot Army, armed to conquer the World (Wide Web)!<br>
<b>bold</b>, <u>underline</u>, <i>italicize</i><br><br>
Don't take the credit off!
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
</center>
</div>

Layout Comments

Showing latest 2 of 2 comments

I looove the colours. And it's simple-ness. The content area is huge though. And it's a little mis-aligned on my computer.

By austinoutloud on Feb 10, 2008 1:03 pm

Groovy. I like this. =D

By SweetEuphoria on Feb 10, 2008 12:40 am

Layout Details

Designer	Smarmosaur
Submitted on	Feb 9, 2008
Page views	9,372
Favorites	62
Comments	2
Reviewer	MissHygienic
Approved on	Feb 9, 2008

Layout Colors

Layout Tags

colorful, minimal, stripes, ocean, sunset, orange, green, simple, stripe, rollovers

Layout Tools

Layout Affiliates

Here I Stand Layouts