Summer 2008

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace FRIENDID with you friend id.

Don't remove the credit.

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>
table table,table table table table,table table {
background-color:transparent;
width:0px;
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;
}

div div select, div div form {
display:none !important;
}

select {
filter:alpha(opacity=0); 
opacity:0.0;
}

body {
background-color:4bdbfd;
color:4bdbfd; 
overflow:hidden;
}

div {
font-family: verdana; 
font-size:12px; 
line-height:10px; 
letter-spacing:2px;
color:000000; 
}

a:link,  a.text:link, a:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.man:link, a.redlink {
font-family: verdana; 
font-size:12px; 
line-height:10px; 
letter-spacing:2px;
color:ec3b82; 
border-bottom: 1px dashed;
}

a:hover, a.man:hover, a.text:hover, a.redlink:hover {
font-family: verdana; 
font-size:12px; 
line-height:10px; 
letter-spacing:2px;
color: ffffff; 
cursor: default;
}

b {
color: b454e0;
}

i {
color:ea871d;
}

u {
color: 37ab3a;
}

h1 {
font-family:verdana; 
font-size:18px; 
color:ffffff; 
letter-spacing:3px; 
font-variant: small-caps;
text-align:right;
background-color:20b2d7;
}

input {
border:none; 
background-color:5bdbfb;
}

textarea {
border: none; 
background-color:5bdbfb; 
overflow:auto;
}

.maintext {
position:absolute;
top:412px;
left:282px;
width:516px;
height:256px;
overflow:auto;
scrollbar-track-color:cef3fc;
scrollbar-face-color:f3c1e1;
scrollbar-arrow-color:f3c1e1;
scrollbar-3dlight-color:cef3fc; 
scrollbar-darkshadow-color:cef3fc; 
scrollbar-shadow-color:ffffff; 
scrollbar-highlight-color:ffffff; 
}

.mainimage {
position:absolute;
top:135px;
left:265px;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="mainimage">
<img src="http://cbimg6.com/layouts/08/03/11/26106aa.gif" border="0" usemap="#navigation">
<map name="navigation">
<area shape="rect" coords="425,51,469,73" href="http://home.myspace.com/index.cfm?fuseaction=user">
<area shape="rect" coords="439,76,517,94" href="http://www.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">
<area shape="rect" coords="448,96,516,116" href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">
<area shape="rect" coords="588,151,626,177" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">
<area shape="rect" coords="563,177,651,203" href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">
<area shape="rect" coords="621,307,686,331" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">
<area shape="rect" coords="607,332,702,362" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">
<area shape="rect" coords="553,503,738,538" href="http://myspace.com/supernanny">
</map>
</div>
<div class="maintext">
<h1>About Me</h1>
<img align="left" src="http://cbimg6.com/layouts/08/03/11/26106ab.gif">
<b>Bold.</b> <i>Italicized.</i> <u>Underlined.</u> Vos can , quod mos , operor quisquam vos volo. Is est usque vos statuo vestri fortuna , quod navigo vestri fatum. Locus vestri posterus in haud man's manuum. Supremus totus , iacio down cause of vestri vita ; pactus quam vos ero tracto tunc nunquam veer ex ut , quod in pius vindico ut super alius.
<p>
<h1>Leave A Comment</h1>
<center>
<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="20" rows="5"></textarea>
<br>
<input value="Comment" type="submit"> 
<input value="Clear" type="reset">
</center>
<p><br>
</div>

Layout Comments

Showing latest 10 of 25 comments

i love this layout
can you make a layout like this but 09? please and thank you

By mariflor on Jun 16, 2009 9:12 pm

love it [:

By Gossip on Jun 11, 2008 12:28 pm

Cuuuute!

By futura on May 21, 2008 7:44 pm

0.0 yeah i am messing up some where when putting in my friend id cause its not working please help = [

By ChoasChels on May 17, 2008 9:40 pm

i like this, but i can't get the page to scroll all the way down. like the page stops halfway through the comment box :/

By ClaireContagious on May 17, 2008 1:07 pm

I've tested the comment box in IE and FF again, no issues. Have you replaced your FRIENDID? Look for 'input name="FriendId" value="FRIENDID" type="hidden"'.

By coriVScori on Apr 29, 2008 9:58 pm

the comment box doesn't work... :((((( dthe comment an clear button is missing... oh i want to have this layout.. but i want it with this cool comment box :D thx for help.

By lizzi1912 on Apr 27, 2008 2:46 pm

There now, all better, simply forgot a pound in the map name. It should work perfectly in IE.

By coriVScori on Apr 24, 2008 7:05 am

I've been wondering why everyone is complaining about the links, as myself and several friends have had no issues. Well, it finally occurred to me I forgot to test it in IE, and now I see the issue. I'll try and get this resolved ASAP.

By coriVScori on Apr 24, 2008 6:44 am

The links arent clicking!!! WE NEED TH LINKS TO CLICK!!!!! CODE, CORIVSCORI! CODE LIKE YEW'VE NEVER CODED BEFORE!!!!!

By xKelseyQ on Apr 22, 2008 4:09 pm

View all »

Layout Details

Designer	coriVScori
Submitted on	Mar 11, 2008
Page views	43,675
Favorites	201
Comments	25
Reviewer	Insurmountable
Approved on	Mar 11, 2008

Summer 2008

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates