Ocean Blue

Designer's Comments

Look carefully for specific instructions

First Myspace DIV experience (:

Replace 'FRIEND ID HERE' with your friend ID.
Feel free to change the music player/comment box.

Thanks to Scully7491 at Deviantart for the ocean brushes.

Works great in both Firefox and IE!

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>
table td div {visibility:hidden;}
table table td div {visibility:visible;}
tr {background:transparent;}</style>

body {
background-color: ffffff;
background-image: url("http://layouts.cbimg8.com/35/17478d.jpg");
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:;
scrollbar-track-color: ;
scrollbar-shadow-color: ;
scrollbar-face-color: ;
scrollbar-highlight-color: ;
scrollbar-darkshadow-color: ;
scrollbar-3dlight-color: ;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{modules}
table table table {border: 0px solid; border-color: 000000; background-color: transparent; }

{basic font}
body,table, td, li, p, div, textarea  
{font:normal 8PT arial; color:FFFFFF; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{basic font}
.text {font:normal 8PT arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{links}  
a{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }  
a:link{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}
a:active{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}
a:visited{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}
a:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}

{links}  
a.redlink{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}  
a.redlink:link{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}
a.redlink:active{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}
a.redlink:visited{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; }
a.redlink:hover{font-family:arial; font-size:8pt;  color:000000; font-weight:none;border:0px; text-transform: none;}

{links}
a.navbar{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}  
a.navbar:link{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}  
a.navbar:active{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}  
a.navbar:visited{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}  
a.navbar:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}

{links}
a:link, a.man{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}
a:hover{font-family:arial; font-size:8pt; color:000000; font-weight:none;border:0px; text-transform: none;}

b, strong { 
 font-weight: bold;
 text-transform: none;
 font: arial;
 color:214758;
 font-size: 8pt;}
i, emphasize { 
 font-weight:italic;
 font: arial;
 color:52605E;
 text-transform: none;
 font-size: 8pt;}
u { 
 font-weight:none;
 text-transform:underline;
 font:arial;
 font-size:8pt;
 color:000000; }

</style>

<div class="content" style="position: absolute; left:323px;  top:200px; width:200px; height:215px; overflow: auto;"><center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="FRIEND ID HERE" type="hidden"> <textarea name="f_comments" class="Skem9box">Leave me a note.</textarea><br /><input type="submit" value="COMMENT" class="Skem9sub"></form>
<style type="text/css">
textarea.Skem9box {width:175px; height:150px;color:000000;font-size:8pt;font-family:Arial;background-color:transparent;border-color:000000; border-style:solid; border-width:1px;}
input.Skem9sub {width:175px;color:000000;font-size:8pt;font-family:Arial;background-color:transparent;border-color:000000; border-style:solid; border-width:1px;}
</style>
</div>

<b><u>Directions For Music Player</b></u>: Remove the current code and go to myflashfetish.com to create your own player with song. Keep in mind that a small sized player would look best! If you don't want this kind of player, feel free to remove it and replace it with your own.

<br><br>
<b><U></I>INSERT YOUR "FRIEND ID" WHERE NOTED IN THE LAYOUT CODE!<br><br></b></u></i>

NORMAL <B>BOLD</B> <U>UNDERLINE</U> <I>ITALICS</I>

Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun!
Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun!
Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun!
Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun!
Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun!
 Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun! Write about yourself here or put whatever you want! You can insert a custom friend space if you wish. Have fun!
<br><br>

</p>

</div>

Layout Comments

Showing latest 10 of 14 comments

I could live on the ocean!

By pejo1219 on Nov 18, 2007 1:48 am

aweeeeeeeee =]

By DisastrousHybrid on Jul 8, 2007 7:22 pm

I love the ocean theme of this layout

By Lakishia on Jun 11, 2007 2:54 pm

This has such a simplistic feel. But this could have been better if you added a scroll code and a center code for the DIV image. All in all, its a pretty nice layout. :)

By IBangBaby on May 25, 2007 8:43 pm

Nicee

By Salsoolo on Apr 19, 2007 10:36 am

i really like it, especially the color and the music player is a nice touch.

By IVIike on Apr 13, 2007 10:03 am

Like someone stated before it's very calm. Cute.

By TheStarlet on Apr 12, 2007 9:43 pm

the background doesn't seem to go well with the layout its selfi guess its ok... can't seem to find the words to help this...

By Blaqheartedstar on Apr 12, 2007 6:45 pm

Pretty :)

By schizo on Apr 12, 2007 5:33 pm

QUOTE(z3nn1 @ Apr 12 2007, 8:20 AM) [snapback]2527722[/snapback]Still a nice simple layout.. btw in FireFox it's not centered :sReally? It's centered in my FF. Thanks for all the feedback, guys.This is actually my first DIV layout. And t

By michellerrific on Apr 12, 2007 4:37 pm

View all »

Layout Details

Designer	michellerrific
Submitted on	Apr 11, 2007
Page views	43,272
Favorites	104
Comments	14