Ocean

Designer's Comments

Look carefully for specific instructions

Replace the x's with your friend id. Add as much stuff as you want. Will be slightly misaligned in IE, perfectly aligned in Firefox.

Ocean image credits to abhUtatva at DA.
Blue pattern credits to Cloud-No9 at DA.

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 type="text/css">
body {
 background-color: white;
background-image:url(http://cbimg6.com/layouts/08/01/24/24905ab.png);
background-position:top center;
background-repeat:repeat-y;
}
b, strong, .btext {
  font-family: times new roman;
  font-size: 13px;
  letter-spacing:  1px;
  text-transform: none;
  color: 2D6B8C;
  font-weight: none;
  }
i, em, .itext{
  font-family: georgia;
  font-size: 10px;
  color:2C9BD3;
  text-transform: lowercase;
  background-color: none;
  font-weight: italicize;
  }
u, .utext { font family: arial; font-size: 9pt; color:02347B; background-color:none; font-weight: underline; border-bottom: dashed 1px;}

s {font family: century gothic; font-size: 9pt; color:2B8CC1; background-color:none;}

h1 {font-family: georgia; color: 377CA0; text-align:center; font-size: 22px; letter-spacing:-1px; text-transform: none; line-height:16px; font-weight: normal; 
border-bottom: 2px solid; border-color:0783BF;}
  
.about_me {position:absolute;top:480px;left:50%;margin-left:-388px; height:300px; width:775px; color:black;}

table, tr, td {
  border: none; background-color: transparent; padding: 0;}
table {
  border: none; background-color: transparent;}
table table {
  border: none; border-color: none; background-color: transparent;}
table table table {
  border: 2px solid; border-color:fff; background-color: transparent; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
  border: none; border-color: none;}

a, a:link, a:active, a:visited {font-family: tahoma; font-size: 12px; color: 046DA7; font-weight: normal;letter-spacing:;}

a:hover {font-family:tahoma; color:188CC5; font-size:12px; text-decoration: none; font-weight: normal; letter-spacing:2px;}

a:link img, a:visited img {filter: none;border:0px}

table, td, tr, th,body, p, td, font,td, li, p li, p, br, table 
{font-family:arial; font-size: 9pt; color: 640000;}
table, tr, td {
  border: none; background-color: transparent;}
table {
  border: none; background-color: transparent;}
table table {
  border: none; border-color: none; background-color: transparent;}
table table table {
  border: 2px solid; border-color:transparent; background-color: transparent; padding:0;background-image:url();background-repeat:repeat; background-attachment:fixed;}

table table table table {border: none; border-color: none;}

table, tr, td {background:transparent;}

table table table table, table table table table td.text, table.contactTable{display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}

td td embed, td td object {position:absolute;top:0px;left:0px;}

.extendedNetwork,.blacktext12{display:none;}
.userprofileschool {display:none;}
.userprofiledetail { display:none;border:none} 
.profileInfo { display:none;border:none;}
.interestsAndDetails {display:none;border:none;}
.userprofileURL {display:none;border:none;}
.navbar { display:none; font-color:879E60;}
.searchbar {display:none !important;}
.google_ad {display:none !important;} 
div table td div input,
div table td div select,
div table td div img {display:none !important;}
table tr td div div {display:none;}
table div {display:none;}
table table div, div table div {display:block;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about_me">
<h1>About Me</h1>
<b>Bold</b> <u>Underline</u> <s>Strike Through</s <i>Italics</i> <a href="">Link</a>

<br><br>
more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space more space

</div>

Layout Comments

Showing latest 10 of 14 comments

You never cease to impress me. This is great!

By ZeroGrafics on Mar 1, 2009 9:36 pm

Is there any way to put a myspace video under the about me text?

Thanks

By cp2006 on Aug 28, 2008 2:09 pm

Im having trouble with the friend Id, I think im putting in the wrong thing? help?

By eatdirt on Mar 5, 2008 3:00 am

this layout is theGREATEST! thanks for remembering to put the BLOG link on it! so many great layouts forget that link for us bloggers!

By chimaen on Mar 3, 2008 5:23 am

Very Nice

By NICKAWHAT on Feb 12, 2008 9:29 pm

nice layouts

By Divafun on Feb 10, 2008 7:02 am

This is the perfect summer layout. I agree with miyashu, too. Great work!

By jesusisthebestthing on Jan 27, 2008 1:11 pm

i would've had columns for the content area so that it'd be more organized. i like how the image is bold. im not sure about the navigation since it seems a bit too plain for me. rollovers would've definitely helped. i like the background. and it's simple, nice, and professional-looking.

By twodreamlovers on Jan 25, 2008 4:08 pm

Awh, header's great, but image rollovers on the tab would've been even better :)

By joespace on Jan 24, 2008 8:53 pm

Loving this. :)

By alecreations on Jan 24, 2008 5:50 pm

View all »

Layout Details

Designer	crafty-designs
Submitted on	Jan 23, 2008
Page views	17,252
Favorites	116
Comments	14
Reviewer	S-Majere
Approved on	Jan 24, 2008

Ocean

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates