Blown

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(''); 
background-position:repeat;
background-color:CCCCCC;
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:370px;
left: 50%;
margin-left: -30px;
text-align:left; 
visibility:visible;}

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

.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:1;
text-transform:uppercase;
display:inline;
padding:2px;
margin-right: 1px;
line-height:22px;
}

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

div.nav a:hover {
color:fff;
border:none;
cursor:default;
border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:000;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:585858; 
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:000; 
border-bottom:2px solid;
border-bottom-color:8D8D8D;
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:828282; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color: fff; text-decoration: none;}

input, textarea {
color:000;
font-size:8pt;
font-family:Verdana;
background-color:A9A9A9;
border-width:1px; border-style:solid; border-color:000;}

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://barettaa.com/">Baretta</a>
<a href="http://cornerbanners.uni.cc/">Banners</a>
</div>

<h1>Blown by Fainaru</h1>
<b>November 17, 2007</b><br>
Blown into the wind. This design is simply lovely. 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 13 comments

i love the simplicity of this layout.so pretty and calm

By starstrukk94 on May 23, 2009 3:56 pm

All of your layouts are wicked fresh, but to girly for me =/

By Tramatize on Mar 14, 2008 12:32 am

Whereever it says "YOUR FRIEND ID", replace that with your number. It should work.

By fainaru on Dec 15, 2007 12:15 am

i really love this layout and i dont know where to put my friend ID i put it where i thought it should go

can you help me please?
i really love this layout and I want to use it
i have used DIVs before and i never had a problems before

thanks
sam

By swallace1812 on Dec 14, 2007 10:12 pm

i luv the simplicity & elegance of this overlay. just perfect, as usual =)

By jesusisthebestthing on Nov 17, 2007 8:50 pm

haha oh wow u beat me to the chase with that picture!!!!! i was gonna work on a layout with that pic but i found a vector of drawing of it. anyway, good job as always

By michellekdo on Nov 17, 2007 5:28 pm

i love the pic!

By tainted-twilight on Nov 17, 2007 2:32 pm

I really like the navigation this time; Small Fonts is cute. I like its placement. Good layout.

By tokyo-rose on Nov 17, 2007 11:50 am

I'm not a big black & white fan, but this is very elegant. :D

By schizo on Nov 17, 2007 11:43 am

Haha, this is cute :D I loved the textures, and patterns you used. Greatjob :)

By IBangBaby on Nov 17, 2007 2:34 am

View all »

Layout Details

Designer	fainaru
Submitted on	Nov 17, 2007
Page views	26,665
Favorites	110
Comments	13
Reviewer	tripvertigo
Approved on	Nov 17, 2007

Blown

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates