Digital Love Affair

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all "FRIENDID" with your friend ID.
Replace all "FRIENDSURL" with your friends' URLs.

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

<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><style type="text/css">
table table,table table table table,table table {
background-color:transparent;
width:270px;
border:0px;
}

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table

table, table table table table td.text, td.text td.text table,table.contacttable {
display:none;
}

div table form tr td,td.text table,a.text, table div font a, table div div {
visibility:hidden;
di-splay:none;
}

td.text table table {
display:inline; 
visibility:visible;
}

embed {
position:absolute;
top:0px;
left:0px;
display:block;
width:0px;
height:0;}

embed {
position:absolute; 
margin-top:0px; 
margin-left:0px; 
height:35px; 
width:200px;}

a:active, a:visited, a:link {
cursor:default; 
font-family:verdana; 
color:000000; 
font-size:10px;
font-weight: normal; 
letter-spacing:2pt;
font-weight:bold;
}

a:hover { 
font-family:verdana; 
color:ffffff; 
font-size:10px; 
text-decoration:none; 
letter-spacing:2pt; 
font-weight: bold; 
cursor:default; 
}

body {
background-color: b4f1fc; 
overflow: hidden;
cursor:crosshair;
}

div {
scrollbar-face-color:b6b6b6;
scrollbar-arrow-color:b6b6b6;
scrollbar-highlight-color:808080;
scrollbar-shadow-color:808080;
scrollbar-3dlight-color:66d1ec;
scrollbar-darkshadow-color:66d1ec;
scrollbar-track-color:66d1ec; 
}

.layout {
position:absolute; 
left:250px; 
top:75px; 
overflow:auto;
visibility:visible;
}

.content {
position:absolute; 
left:310px; 
top:250px;
width:270px; 
height:265px; 
overflow:auto;
visibility:visible;
text-align: center;
}

.links {
position:absolute; 
left:310px; 
top:515px;
width:400px; 
height:14px; 
overflow:hidden;
visibility:visible;
font-size: 12px;
line-height: 14px;
text-align: center;
}

.friends {
position:absolute; 
left:590px; 
top:255px;
width:100px; 
height:260px; 
overflow:hidden;
visibility:visible;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="layout"><img src=http://layouts.cbimg9.com/29/14362c.gif></div>
<div class="content">
Replace all "XXXXXXXX" with your friend ID. Replace all "FRIENDSURL" with your friends'

URLs.

</div>
<div class="links"><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a> 
<a HREF="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a> 
<a HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Photos</a> 
<a HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog</a> 
<a HREF="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">Friends</a> 
<a HREF="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX">Comment</a> 
<a href="http://myspace.com/supernanny" target="_blank">Thanks</a></div>
<div class='friends'><marquee width="100px" height="260px" direction="down">
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
<a href=http://myspace.com/FRIENDSURL><img src=http://layouts.cbimg9.com/29/14362d.gif border="0px"></a> 
</marquee></div>

Layout Comments

Showing latest 7 of 7 comments

heey i used this layout. and somehow my friendlist is f**ked up.. or it doesnt work in mozilla.. and when i open it in IE the song playing is like in the middle of the layout:$ can anyone help me? .. www.myspace.com/aegirhetja

By jolly on Nov 26, 2006 7:56 pm

I likey, its simple.

By Anna Banana =} on Oct 3, 2006 1:34 pm

I like it, and I tried to use it, but it came out without the darkblue area =/ I did all the html exactly, I've worked with DIVs before.

By Havokgasmic on Sep 6, 2006 6:58 pm

it's a little too plain for my taste. and i agree with the links

By SUPERednerd on Sep 5, 2006 5:42 pm

This is neat.Very simple, but its neat.

By Insurmountable on Sep 5, 2006 4:44 pm

that's HOT.the navigation is NOT.LOL.anyways, i think this layout is cute. I think you can do better with the links.

By demolished on Sep 5, 2006 3:57 am

Layout Details

Designer	coriVScori
Submitted on	Sep 4, 2006
Page views	136,050
Favorites	170
Comments	7

Digital Love Affair

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates