Sky

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

you guys can change anything you like :).

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>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;;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;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
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 div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}

div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }

body div table tbody tr td font {visibility:hidden;}
body table div table tbody tr td font {visibility:visible;}

div[id="profileV1main"],
div div select{
opacity:0;
filter:alpha(opacity=0);
display:none !important;
position:absolute !important;
bottom:2000px !important;}</style>
<style>

.div{
position: absolute;
left: 50%;
margin-left:-480px;
top: 100px;
z-index: 0; }

.topleftpic{
position: absolute;
left: 50%;
margin-left: -385px;
top: 140px;
z-index:5;
width: 300px;
height: 225px;
overflow: auto;
border: 3px;
}
.nav{
position: absolute;
left: 50%;
margin-left: -385px;
top: 150px;
z-index:5;
width: 300px;
height: 10px;

}

.aboutme1{
color:116787;
position: absolute;
left: 50%;
margin-left: -70px;
top: 135px;
z-index:3;
width: 500px;
height: 338px;
overflow: auto;
border: 3px;
scrollbar-arrow-color:faf4ff;
scrollbar-track-color:1a9dce;
scrollbar-shadow-color:126f92;
scrollbar-face-color:126f92;
scrollbar-highlight-color:126f92;
scrollbar-darkshadow-color:126f92;
scrollbar-3dlight-color:126f92;
}

.simplefacts{
color:1a9dce;
position: absolute;
left: 50%;
margin-left: -380px;
top: 370px;
z-index:3;
width: 295px;
height: 115px;
overflow: auto;
border: 3px;
}

.bottom{
position: absolute;
left: 50%;
margin-left: -349px;
top: 510px;
z-index:3;
width: 733px;
height: 220px;
overflow: auto;
border: 3px;
scrollbar-arrow-color:faf4ff;
scrollbar-track-color:1a9dce;
scrollbar-shadow-color:126f92;
scrollbar-face-color:126f92;
scrollbar-highlight-color:126f92;
scrollbar-darkshadow-color:126f92;
scrollbar-3dlight-color:126f92;
}

h1 {
font-family:times new roman;
font-size:12px!important;
font-weight:normal!important;
letter-spacing:0px;
line-height:12px!important;
color: 1a9dce!important;
text-transform:uppercase; 
text-align:left;}

body{
background-color:1a9dce;
scrollbar-arrow-color:ea334e;
scrollbar-track-color:434645;
scrollbar-shadow-color:222322;
scrollbar-face-color:222322;
scrollbar-highlight-color:222322;
scrollbar-darkshadow-color:222322;
scrollbar-3dlight-color:222322;}

body,table, td, li, p, div{
font-family: arial;
size: 10px;
color:1a9dce;
font-weight: normal;
border:0px;
text-transform: none;
line-height:11px;
letter-spacing: 0px;}

b, strong {
color: ffffff; }

u {
color: fff; }

i, em {
color: fff;
font-family:georgia;}

a {font: normal 10px arial!important; text-decoration: none!important; color:1a9dce!important; text-transform:uppercase;}
a:hover {font: normal 10px arial!important; text-decoration: none!important; color:1fbdf8!important; text-transform:uppercase; cursor:default;}

a.navi:link, a.navi:visited, a.navi:active {
font-family:georgia, times new roman, times!important;
font-size:20px!important;
font-weight:bold!important;
letter-spacing:-1px;
color: 342922!important;
cursor: default;
text-transform:lowercase;
margin: 0;
margin-bottom: 0em;
padding: 0px;
}

a.navi:hover {
font-family:georgia, times new roman, times!important;
font-size:20px!important;
font-weight:bold!important;
letter-spacing:-1px;
color: 9e7f6e!important;
cursor: default;
text-transform:lowercase;
margin: 0;
margin-bottom: 0em;
padding: 0px;}

td td object {position: absolute;
left:0px;
top: 0px;
width:45px;
height:49px;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

blockquote.extra { 
margin:0px; 
padding:5px; 
text-align:center;
background-color:1a9dce;
border-width:1px; 
border-style:solid; border-color:6C98BD;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;
color:fff;}

blockquote.content { 
margin:0px; 
padding:5;
background-color:1a9dce;
text-align:justify;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="div">
<img src="http://cbimg6.com/layouts/09/05/34636aa.jpg" /></div>
<div class="topleftpic"><center><img src="http://cbimg6.com/layouts/09/05/34636ab.jpg" /></center></div>
<div class="simplefacts">
Age: 18<br />
Gender: Male<br />
Status: Single<br />
</div>

<div class="aboutme1">
<blockquote class="extra">I Always Wonder Why The Sky Is Blue</blockquote><br /><center>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec condimentum semper orci ac sodales. Ut viverra, diam quis fringilla commodo, augue dui porta nisl, sed venenatis lacus justo et quam. Donec vehicula, erat nec posuere ultrices, mauris felis consectetur leo, a tempus nunc lacus eu libero. Nullam sodales ornare adipiscing. Vestibulum mi nunc, vestibulum sed placerat at, facilisis sed elit. Vivamus vel sapien a leo ultricies tempus. Suspendisse potenti. Quisque ornare suscipit molestie. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis feugiat fermentum egestas. Donec nec velit lacus, in adipiscing nulla. Aliquam tempor blandit augue, sed ullamcorper risus pretium non. Suspendisse eros risus, vestibulum consequat vulputate ut, fringilla dapibus arcu. In egestas pretium metus in porta. Quisque venenatis porta diam, sed faucibus sem elementum ac. Nunc fermentum ipsum rhoncus massa luctus at congue magna volutpat. Nam ultrices tortor id nulla blandit vitae mattis dui placerat. Maecenas in libero dolor. Aliquam non elit non nisl consequat mattis.
<br /><br />
Morbi pulvinar sagittis risus, at ultrices ante tempus ut. Proin nisl elit, vestibulum et euismod sed, placerat eu mauris. Nunc cursus massa quis sem tincidunt at auctor ipsum semper. Nulla facilisi. Sed ut cursus massa. Phasellus in vestibulum massa. Aliquam hendrerit urna non arcu congue non consequat leo tincidunt. Quisque sit amet magna mi, a molestie est. Integer sit amet lectus quam, in molestie nunc. Suspendisse potenti. Donec tincidunt dignissim urna non egestas. Nunc magna ante, fringilla sit amet accumsan nec, congue eget mi. Nulla facilisi. Mauris in odio libero, vitae tincidunt justo. Vestibulum a lacus vitae orci posuere lacinia.
<br /><br />
Donec semper, turpis dictum scelerisque dignissim, lacus tortor blandit quam, at tristique nisi purus non libero. Nunc ligula diam, tincidunt nec commodo at, commodo a enim. Quisque ornare sem ac risus egestas non facilisis sapien laoreet. Aliquam ac dolor eget sapien ultrices eleifend. Curabitur imperdiet enim et enim volutpat ultrices. Nullam in dolor eget nisi sollicitudin adipiscing quis a tellus. Vestibulum aliquet ornare rutrum. Mauris quis ornare metus. Duis porta, ipsum sed dictum cursus, purus arcu posuere nisl, et iaculis velit felis et enim. Vivamus eget justo sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ornare massa at lectus convallis faucibus.
<br /><br />
In ac lectus justo, sit amet mattis sem. Vestibulum ornare, justo sit amet pretium volutpat, metus mi blandit arcu, eu scelerisque magna felis et ipsum. Phasellus varius malesuada quam a semper. Aenean in vestibulum purus. Ut id mauris tortor. Donec rutrum neque a justo malesuada at scelerisque ante egestas. Aenean metus orci, mollis sit amet ornare quis, aliquet in augue. Cras tristique tempor fermentum. Proin ultricies dui in dui dignissim elementum. Proin vehicula diam ac ante ultrices ornare. Duis a nisl libero.
<br /><br />
Sed posuere sem ac velit mollis ut dapibus nisl porttitor. Suspendisse fringilla, eros in placerat molestie, purus neque ullamcorper nibh, ut tristique metus lorem id ligula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce sit amet dolor convallis odio consequat bibendum nec sed purus. Maecenas posuere lacus nec sem tristique ultricies mattis ligula suscipit. Morbi nec eros vitae ligula luctus commodo ac sed nisl. Sed facilisis, massa ut fermentum molestie, ipsum tortor eleifend neque, eu tincidunt risus diam non urna. Duis porttitor mauris et leo dapibus at bibendum nulla lobortis. Maecenas ut mauris tortor. Duis pharetra magna sit amet urna porttitor semper. Maecenas sed laoreet dolor. Sed non ligula velit. Nulla purus enim, varius nec fermentum vel, tristique pretium odio. 
<br /><blockquote class="extra">.</blockquote></center>
</div>

<div class="nav"><h1 class="navi"><center>Navigation</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="c">Home</a> | 
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="c">Add Me</a> | 
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="c">Comment Me</a> | 
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="c">Message Me</a>
</center>
</div>