Air

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace my FriendID with your own :]

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>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>

<div class="important" style="position:absolute; right:0px; filter:alpha (opacity=80); top:0px;">
<a href="http://implode.unphased.org" target="_blank"><img src="http://cbimg6.com/layouts/07/10/07/22194aa.png" alt="Implode Resources" border="0px"></a>
</div>
<style type="text/css">
body
{background-image:url('http://cbimg6.com/layouts/07/10/07/22194ab.png') !important;
background-color:deepskyblue;
cursor:crosshair;
scrollbar-face-color:skyblue;
scrollbar-base-color:skyblue;
scrollbar-track-color:skyblue;
scrollbar-arrow-color:white;
scrollbar-highlight-color:white;
scrollbar-shadow-color:white;
scrollbar-darkshadow-color:skyblue;}

font, a, body, table, body, td, li, p, textarea, li, h1, h2, p, br {font-family:century gothic; font-size: 16px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 16px; background-color:transparent;}

.text {font-family:century gothic; font-size: 16px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: none; padding: 0px; line-height: 16px;}

.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;}

.nav a:link 
{color:white;
line-height:25px;
padding:3px;
width:100px;
font-size:16px;
background-color:skyblue; 
border: white solid 1px;
text-align:center;
font-family:century gothic;
text-decoration:none;}

.nav a:active 
{color:white;
line-height:25px;
padding:3px;
width:100px;
font-size:16px;
background-color:skyblue; 
border: white solid 1px;
text-align:center;
font-family:century gothic;
text-decoration:none;}

.nav a:visited
{color:white;
line-height:25px;
padding:3px;
width:100px;
font-size:16px;
background-color:skyblue; 
border: white solid 1px;
text-align:center;
font-family:century gothic;
text-decoration:none;}

.nav a:hover
{color:white;
line-height:25px;
padding:3px;
font-family:century gothic;
width:100px;
font-size:16px;
background-color:deepskyblue; 
border: white solid 1px;
text-decoration:none;
text-align:center;}

.content a:link {color:white; font-size:16px; font-family:century gothic; text-decoration:none;}

.content a:visited {color:white; font-size:16px; font-family:century gothic; text-decoration:none;}

.content a:active {color:white; font-size:16px; font-family:century gothic; text-decoration:none;}

.content a:hover {color:white; font-size:16px; background-color:skyblue; font-family:century gothic; text-decoration:underline;}

.side a:link {width:100%; background-color:skyblue; text-decoration:none; font-size:14px; text-align:center; color:white;}

.side a:visited {width:100%; background-color:skyblue; text-decoration:;line-through; font-size:14px; text-align:center; color:white;}

.side a:active {width:100%; background-color:skyblue; text-decoration:none; text-align:center; font-size:14px; color:white;}

.side a:hover {width:100%; background-color:deepskyblue; text-decoration:underline; font-size:14px; text-align:center; color:white;}

br
{line-height:1px;}

h1
{font-size:20px;
line-height:22px;
background-image:url('http://cbimg6.com/layouts/07/10/07/22194ac.png');
background-repeat: repeat-x;
font-family:century gothic;
background-position:bottom;
font-weight:400;
letter-spacing:1px;
width:100%;
color:white;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="nav" style="position:absolute; width:800px; height:50px; top:555px; padding:10px; border: white solid 2px; left:110px; background-image:url('http://implode.unphased.org/test/aircontentbg.png'); background-repeat:repeat; background-position:top center;">
<center><a href="http://home.myspace.com/index.cfm?fuseaction=user">Homepage</a><a href="http://blog.myspace.com/74429555">Blogspace</a><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=74429555">Comments</a><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=74429555&MyToken=e9af117d-729e-4a05-acf1-c994add820ef">Message</a><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=74429555&MyToken=e9af117d-729e-4a05-acf1-c994add820ef">Add Me</a><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=74429555&MyToken=129a014e-dec9-4368-9fa9-cb4f559574f6">Friends</a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=74429555">Pictures</a></center>
</div>

<div class="content" style="position:absolute; width:605px; height:600px; top:620px; padding:10px; border: white solid 2px; left:305px; background-image:url('http://implode.unphased.org/test/aircontentbg.png'); background-repeat:repeat; color:white; font-family:kalinga; font-size:14px; background-position:top center;">
<h1>About the layout [Delete this header]</h1>
Well, I got bored, and thought, "lets make another layout". So here, I made this layout for you guys :] Again, it's just a simple one. I don't have much time to create a complicated one at the moment :]<br><br>
Hope you like :]<br>
Joe.
<h1>Header One</h1>
Write whatever you want here. :] Maybe change the header to about me?<br><br>

Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write Write 
<h1>Credits</h1>
<a class="nav" href="http://implode.unphased.org">Implode</a> - Designer<br>
Phil Collins - Quote - Lyrics from "I can feel it coming in the air tonight".
</div>

<div class="side" style="position:absolute; width:192px; height:600px; top:620px; padding:10px; border: white solid 2px; left:110px; background-image:url('http://implode.unphased.org/test/aircontentbg.png'); background-repeat:repeat; color:white; font-family:kalinga; font-size:14px; background-position:top center;">
<h1>Info?</h1>
<img src="http://cbimg6.com/layouts/07/10/07/22194ae.gif" align="left">Maybe you could put a pic of yourself next to all of this :] then start writing stuff like "Age, Location, Name" etc... :] Enjoy.
<h1>Friends</h1>
<a class="friends" href="LINK">Friend One</a>
<br>
<a class="friends" href="LINK">Friend Two</a>
<br>
<a class="friends" href="LINK">Friend Three</a>
<br>
<a class="friends" href="LINK">Friend Four</a>
<br>
<h1>Comment Box</h1>
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="74429555"><textarea name="f_comments" id="f_comments" cols="42" rows="5" style=" background-color:transparent!important; background-image: url(http://implode.unphased.org/test/aircontentbg.png); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:white!important; border-style:dotted!important; font-family:Tahoma!important; font-size:14px!important; color:white!important; width:100%!important; height:60px!important; ">Comments? :)</textarea><br><input type="submit" value="Send Send Send" style="width:100%; background-color:skyblue; color:white; font-size:10px; height:20px;"></form></center>
</div>

Layout Comments

Showing latest 10 of 12 comments

heyyy can you telll me the code for how to put the link on for your messages, pic, add, ecttt. thnksss oh p.s. im neww so i have no idea and this layout is poppinnnn =]

By krystallll16 on Oct 9, 2007 4:49 pm