Untitled

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace all XXXXXX's with your friend ID.

Please do not remove credit or redistribute.

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><div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navi">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX" class="navi">Message</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=XXXXXX" class="navi">Add</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXX" class="navi">Friends</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXX" class="navi">Comments</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=XXXXXX" class="navi">Block</a>
<a href="http://www.myspace.com/emma_revenge" class="navi">Design</a>

</div>

<div class="about">
<a href="">This is a Link.</a> <b>Bold.</b> <i>italic.</i> Aenean ut mauris luctus mauris interdum convallis. Nunc vestibulum sodales nulla. Nulla vitae massa. Maecenas vel tellus vitae elit mattis adipiscing. In pulvinar felis sed est. Mauris non mi. Duis ultrices dolor ut orci. Quisque lacinia arcu et purus.
<br /><br />
Aenean ut mauris luctus mauris interdum convallis. Nunc vestibulum sodales nulla. Nulla vitae massa. Maecenas vel tellus vitae elit mattis adipiscing. In pulvinar felis sed est. Mauris non mi. Duis ultrices dolor ut orci. Quisque lacinia arcu et purus.
<br /><br />
Aenean ut mauris luctus mauris interdum convallis. Nunc vestibulum sodales nulla. Nulla vitae massa. Maecenas vel tellus vitae elit mattis adipiscing. In pulvinar felis sed est. Mauris non mi. Duis ultrices dolor ut orci. Quisque lacinia arcu et purus.
<br /><br />
Aenean ut mauris luctus mauris interdum convallis. Nunc vestibulum sodales nulla. Nulla vitae massa. Maecenas vel tellus vitae elit mattis adipiscing. In pulvinar felis sed est. Mauris non mi. Duis ultrices dolor ut orci. Quisque lacinia arcu et purus.
<br /><br />
Aenean ut mauris luctus mauris interdum convallis. Nunc vestibulum sodales nulla. Nulla vitae massa. Maecenas vel tellus vitae elit mattis adipiscing. In pulvinar felis sed est. Mauris non mi. Duis ultrices dolor ut orci. Quisque lacinia arcu et purus.
</div>

<div class="quote">
<h1>"Whom the gods would destroy, they first make mad."</h1>
</div>

<div class="side_bar">
Fill this section up with whatever you'd like, more content, links, friends, whatever... Aenean ut mauris luctus mauris interdum convallis. Nunc vestibulum sodales nulla. Nulla vitae massa. Maecenas vel tellus vitae elit mattis adipiscing. In pulvinar felis sed est.

</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<style>

table table div form {display:inline !important;}
.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;}
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;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}div div table div {display:none;} .clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}

body {
background-color:2F2F2F;
background-image:url(http://cbimg6.com/layouts/10/07/36379ab.png);
background-position:top center;
background-repeat:repeat-x;

}

.about{
width:350px;
height:230px;
left:50%;
margin-left:-220px;
top:0px;
margin-top:202px;
position:absolute;
z-index:2;
padding:8px;
color:999999;
font-size:12px;
font-family:century gothic;
text-align:justify;
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
visibility:visible;
overflow:auto;
}

.nav {
width:720px;
height:33px;
left:50%;
margin-left:-360px;
top:0px;
margin-top:115px;
position:absolute;
z-index:2;
background:transparent;
visibility:visible;
overflow:none;
}

.quote{
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
width:600px;
height:20px;
left:50%;
margin-left:-360px;
top:0px;
margin-top:172px;
position:absolute;
z-index:3;
visibility:visible;
color:333333;
font:14px georgia;
font-style: italic;
text-align:left;

}

.default{
background-color:000000;
background-image:;
background-position:top center;
background-repeat:repeat;
width:130px;
height:170px;
left:50%;
margin-left:-360px;
top:0px;
margin-top:202px;
position:absolute;
z-index:3;
visibility:visible;

}

.side_bar{
background-color:transparent;
background-image:;
background-position:top center;
background-repeat:repeat;
width:180px;
height:250px;
left:50%;
margin-left:150px;
top:0px;
margin-top:202px;
position:absolute;
z-index:3;
visibility:visible;
padding:8px;
color:333333;
font-size:12px;
font-family:century gothic;
text-align:left;
}

h1 {
color:333333;
font:14px georgia;
font-style: italic;

}

h1:first-letter{
font:14px georgia;
font-style: italic;
color:00CC00;

}

a, a:link{
font-family:century gothic;
font-size:12px;
color:00CC00;
font-weight:normal;

}

a:active{
font-family:century gothic;
font-size:12px;
color:00CC00;
font-weight:normal;
}

a:hover {
font-family:century gothic;
font-size:12px;
background-color:transparent;
color:666666;
font-weight:normal;
text-decoration:line-through;
}

a:visited {
font-family:century gothic;
font-size:12px;
color:00CC00;
}

b, strong {
Font-family: century gothic;
font-weight:normal;
font-size: 14px;
text-decoration: none;
color:333333;
}

p { padding:5px;
      color:9D937F;
font-size:11px;
font-family:century gothic;

}

i {font:italic 12px arial;
color:666666; 
}

a img{
border:none;}

td,form{
margin:0;padding:0}

table,tr,td{
background:transparent}

a.navi:link, a.navi:active, a.navi:visited {
display:block;
float:left;
margin-left:0px;
width:100px;
height:36px;
color:999999; 
font: normal 12px arial;
text-align:center;
background: url(http://cbimg6.com/layouts/10/07/36379ac.png) top left no-repeat;
line-height: 30px;

}

a.navi:hover {
font: normal 12px arial;
text-align:center;
color:00CC00;
line-height: 30px;
background: url(http://cbimg6.com/layouts/10/07/36379ac.png) bottom left no-repeat;
text-decoration:none;

}

a.nav_a:link, a.nav_a:active, a.nav_a:visited {
display:block;
float:left;
margin-left:0px;
width:100px;
height:36px;
color:999999; 
font: normal 12px arial;
text-align:center;
background: url(http://cbimg6.com/layouts/10/07/36379ad.png) top left no-repeat;
line-height: 30px;

}

a.nav_a:hover {
font: normal 12px arial;
text-align:center;
color:00CC00;
line-height: 30px;
background: url(http://cbimg6.com/layouts/10/07/36379ad.png) bottom left no-repeat;
text-decoration:none;

}

</style>

Layout Comments

Showing latest 7 of 7 comments

Now I have worn my UGG Classic Tall Boots on and feels extremely comfort and cozy every day. I have to say to buy UGG classic tall boots is a right decision. you can get a 75% off price. http://ugglowprices.com

By Amazonsen on Nov 26, 2011 11:06 am

very nice! but there is a white box that floats behind the nav bar, how do I remove it?

By kcjson15 on Oct 1, 2010 4:51 pm

Okay I did see this one. I do like the simplicity of this layout. I don't think the green is too bright; I really don't. It just POPS off the layout and that's what seems to get approved here. The green brings it to life but it's not too much. This is good. Interesting.

By Butterface89 on Jul 29, 2010 9:50 am