Cerulean

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

layout archive + services > baretta.uni.cc

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url('http://cbimg6.com/layouts/07/11/15/23132aa.gif'); 
background-position:repeat;
background-color:5CBBEB;
line-height: 17px; 
cursor: ne-resize;
color:444444;}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img { border:0;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:0; 
margin-top:105px;
left: 50%;
margin-left: -180px;
text-align:left; 
visibility:visible;
width:600px;}

.aboutme { 
background-color:transparent; 
width: 295px; 
position:absolute; 
z-index:2; 
top:0;
margin-top:150px;
left: 50%;
margin-left: -145px;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
height: 300px;}

.div { 
background:none; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:0; 
left: 50%;
margin-left: -380;
text-align:left; 
visibility:visible;}

div.nav a {
text-align: center;
font: 7px "Small Fonts";
letter-spacing:2;
text-transform:uppercase;
display:inline;
padding:2px;
margin-right: 5px;
line-height:22px;
}

div.nav a:link,.nav a:visited, div.nav a:active {
color:fff;
display:inline;
font-style:normal;
background:none;}

div.nav a:hover {
color:0488D0;
border:none;
cursor:default;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:0488D0; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 17px;}

h1 {
font: 13pt "times new roman";
text-align: left;
letter-spacing: 2px;
text-transform: lowercase;
margin: 0 0 10px 0;
color:0389D0; 
border-bottom:2px solid;
border-bottom-color:6DC0EC;
font-weight:bold;}

div.title { 
font: 15pt "times new roman";
text-align: right;
letter-spacing: 2px;
text-transform: lowercase;
position:absolute; 
z-index:2; 
top:0; 
margin-top:423px;
left: 50%;
margin-left: -100px;
color:fff;
width:400px;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:6CC0EB; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: 04A0EB; text-decoration: none;border-bottom:2px solid; border-bottom-color:088DD2;}

input, textarea {
color:119FE9;
font-size:8pt;
font-family:Verdana;
background-color:9FD1F4;
border-width:1px; border-style:solid; border-color:119FE9;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 10px 20px 10px 25px;
padding: 10px 0px 30px 0px;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a>
<a href="http://baretta.uni.cc/">Baretta</a>
<a href="http://cornerbanners.uni.cc/">Banners</a>
</div>

<h1>Cerulean by Fainaru</h1>
<b>November 14, 2007</b><br>
This layout looks fantastic! One of my favourite blue designs I've made to date. Remember, I do custom designs, but read details <a href="http://baretta.uni.cc/"title="baretta.awardspace.com/services.php">here</a> first. Follow the terms to use this design.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="25" rows="3">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 18 comments

I love this one as well but I agree that if you extended it more it'd be way cooler. I'm using this one now though!!!

By bneeib on Jan 28, 2008 5:59 pm

this is really good! i love it!

By escapethefallout on Dec 30, 2007 12:29 pm

This is awesome! I love it

By TaintedSakura on Nov 17, 2007 1:51 pm

Wow, this is probably my favourite by you, love it!

By ashrifia on Nov 17, 2007 10:43 am

another nice layout xD

By tainted-twilight on Nov 16, 2007 8:20 pm

i LUV this color
your layout's gorgeouss
but like all the others
i also think that if you extended it more
and even into more sections
it would look even better
but this one's really nice too!

By mohiniiix3 on Nov 16, 2007 5:10 pm

It doesn't matter if it's Cerulean ;) It's a gorgeous shade of blue.

By FoxLucky on Nov 16, 2007 9:39 am

zomfg my favorite color is blue :DDD love this layout xDD good job :]

and i love small layouts x]

By mikxoh on Nov 15, 2007 11:17 pm

really pretty... I'm working on something like this actually XD

By IVIike on Nov 15, 2007 10:16 pm

this one is nice...

By newkidontheblock on Nov 15, 2007 9:46 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Nov 15, 2007
Page views	13,432
Favorites	84
Comments	18
Reviewer	IVIike
Approved on	Nov 15, 2007

Cerulean

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates