Spin

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace all "XXXXXXXX" with your friend ID!

html knowledge required.

enjoyyyy

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>
.link1{z-index:5;line-height:10px;position:absolute;width:400px;height:20px;left:820;top:475}
.link2{z-index:5;line-height:10px;position:absolute;width:400px;height:20px;left:820;top:525}
.link3{z-index:5;line-height:10px;position:absolute;width:400px;height:20px;left:820;top:575}
.link4{z-index:5;line-height:10px;position:absolute;width:400px;height:20px;left:820;top:625}
.link5{z-index:5;line-height:10px;position:absolute;width:400px;height:20px;left:820;top:675}

.name1{height: 20px; width: 400px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/08/30454ab.png) top left no-repeat; display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 20px; width: 400px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/08/30454ac.png) top left no-repeat; display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:20px; width: 400px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/08/30454ad.png) top left no-repeat; display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 20px; width: 400px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/08/30454ae.png) top left no-repeat; display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 20px; width: 400px; overflow: hidden; background: url(http://cbimg6.com/layouts/08/08/30454af.png) top left no-repeat; display: block;}
.name5:hover{background-position: bottom left;}

</style>
</div><div class="link1"><a href="/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="NAME1"></a>
</div><div class="link2"><a href="/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="NAME2"></a>
</div><div class="link3"><a href="/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="NAME3"></a>
</div><div class="link4"><a href="/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="NAME4"></a>
</div><div class="link5"><a href="/papergunlyts" class="NAME5"></a>

</div>

body{background-image:url("");
background-attachment: fixed;
background-position: bottom right;
background-repeat: repeat; 
background-color:EAF6C7}
.pic {position:absolute;top:100px;left:150px;}
.main {overflow:auto;position:absolute;top:420px;left:420px;width:253px;height:152px;}
.bottom {overflow:hidden;position:absolute;top:1055px;left:240px;width:300px;height:13px;}
.top {overflow:hidden;position:absolute;top:1000px;left:240px;width:300px;height:13px;}
div, a:link, a:visited, a:active, textarea {font-size:14px;font-family:american typewriter;color:000000;font-weight:normal;line-height:12px;text-decoration:none;}a:hover {color:CC9A1B;text-decoration:none;}textarea {background-color:EAF6C7}</style>

</map>

<div class="main">This is where your about me goesss,about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  about me about me  </div>

<div class="bottom">©2003-2008 myspace.com. all rights reserved.</div>
<div class="top">PAPERGUN LAYOUTS</div>

Layout Comments

Showing latest 4 of 4 comments

there is no home button

=PP

By Kinko on Nov 8, 2008 2:50 pm

this is really cute, i like it :)
i would suugest a custom scroll bar too
to match the layout,
but still awesome :D

By SammyTheHeadbutt on Aug 12, 2008 5:24 pm

this is very urban-looking. good job.

By aaayotiffany on Aug 12, 2008 3:55 pm

i love this layout :D

By imsleepn on Aug 12, 2008 2:56 pm

Layout Details

Designer	JenniSunshine
Submitted on	Aug 12, 2008
Page views	22,534
Favorites	137
Comments	4
Reviewer	schizo
Approved on	Aug 12, 2008

Spin

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates