vintage style

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Style css by silentSCREAMS!

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/layouts/index.php?layout=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; z-index:1" /></a></p>
<div style="position: absolute; width: 1013px; height: 937px; z-index: 0; left: -8px; top: 0px; background-color: #313576" id="livello2">
&nbsp;</div>
<div class=tab style="position: absolute; width: 406px; height: 191px; z-index: 4; left: 339px; top: 659px" id="livello1">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
blah blah blah blah </div>
<style type="text/css">
body{
background-color:313576;
}
.tab{
overflow:auto;
}
.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;}body{
background:313576 313576 313576;

scrollbar-arrow-color:313576; scrollbar-track-color:ffffff; scrollbar-shadow-color:222222; scrollbar-face-color:313576; scrollbar-highlight-color:666666; scrollbar-darkshadow-color:ffffff; scrollbar-3dlight-color:ffffff; overflow:auto; background-color:transparent}
a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active, a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited  {font-family:thaoma; font-size:12px; color:000; background-color:;text-transform:uppercase; text-decoration:none; font-weight:normal; line-height:18px; letter-spacing:.5px;}a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:thaoma; font-size:12px; color:313576; background-color:none;text-transform:uppercase; text-decoration:linethrough; font-weight:normal;letter-spacing:0px;}a:link, a:visited; a:active{color:000;}
input, select{font-family:small fonts; font-size:6.5px; text-transform:uppercase; color:000000; background-color;000;border:1px solid 000!IMPORTANT;}
</style><style>td td embed, td td object{height:1px;width:1px;}
td.text embed {height:1px;width:1px;}
td.text embed, td.text object {width:1px;height:1px;}</style>

<div class="panic" style="position: absolute; left:80px; top:170px; width:800px; height:700px; overflow: hidden; z-index:2">
<img src="http://cbimg6.com/layouts/07/07/04/19074aa.jpg">
</div>
<div class="lettersX3" style="position: absolute; left:250px;  top:655px; width:550px; height:200px; overflow: auto;color:000; z-index:3">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home!</a><br>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message!</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add!</a><br>
<a href=http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=<33&public=0>Favorites!</a><br>
<A href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block!</a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pics!</a><br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Blog!</a><Br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Friends!</a><br>
<A href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR FRIEND ID&MyToken=bea42e7f-7946-4226-b4a9-1516475d7ba5">Comments!</a><Br>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=YOUR FRIEND ID&MyToken=bea42e7f-7946-4226-b4a9-1516475d7ba5">Comment!</a><br>
<a href="http://delicioustyle.altervista.org">Credit!</a>
</div>

Layout Comments

Showing latest 10 of 23 comments

NiCE i LOVE iT

By mamaz0107 on Jan 17, 2009 2:58 pm

This is really nice. And it's pretty amazing you actually found enough old pictures to make this !!

By dilligrout on Oct 19, 2008 3:44 pm

your friend ID is at the end of your profile URL, [NOT the url you picked....] And you put the ID in BEFORE you click save. If you don't put it in then save, then go back and try and put it in, you won't see where to put the friend ID.
And it amazes me, how many people are asking for friend ID, because it's so basic and you need to know more than friend ID to use a DIV overlay.

By petitelayouts on Jun 16, 2008 9:18 am

LOVE IT!

By christinaaa88 on Dec 26, 2007 7:38 pm

love it!!!

By adriana1679 on Oct 2, 2007 1:01 pm

I love the layout. It's to cute. But where do I put the friend id dude? I've looked and I can not find it man...

By Monique13147 on Sep 14, 2007 1:13 pm

hey there, i know its been asked but im new to this creatblog site..er where do you put your friendID? i tried many different ways but obviously missing it. thanks x

By duckbum on Sep 13, 2007 7:42 pm

i really want this for my layout!!!
but the content to write in is too small because i have alot to write about TT^TT i really would like this to have more spaces to write in ..btw i still luv it ^^

By lulubear on Jul 27, 2007 5:41 pm

where do we put our friendid???help pleease!

By smileeazn on Jul 24, 2007 6:34 pm

i realllly love your layout, but i was just wondering how i make the links work??? =]

By jessieholler on Jul 16, 2007 5:59 pm

View all »

Layout Details

Designer	delicioustyle
Submitted on	Jul 4, 2007
Page views	26,016
Favorites	169
Comments	23
Reviewer	freeflow
Approved on	Jul 4, 2007