Freedom

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Idea from barettaa.com
This made months and months ago.

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>
body table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body tab
le div form{display:block;}

Body { 
background-color:000000;
background-image:url('http://cbimg9.com/layouts/08/12/33003ab.png');
background-position:top left;
background-repeat:repeat-x;
background-attachment:scroll;
cursor:crosshair; }
 
.nava:link, .nava:active, .nava:visited {
font-family:arial; color:333333;
font-size:12px; line-height:40px;
padding-left: 10px;
padding-top: 2px;
padding-bottom:2px;
font-weight:normal; display:block;
text-transform:uppercase; text-align:left;
cursor:crosshair; text-decoration:none;
height:40px; border: 0px solid #111111;
width: 180px;}

.nava:hover {
color:006757;
text-decoration:none;
padding-left:30px;
}

a:link, a:active, a:visited {
font-family:Arial; font-size:10px; 
line-height:11px; color:006666;
text-transform:lowercase;
display:inline; font-weight:normal;
text-decoration:none;
}

a:hover {
color:FFFFFF; text-decoration:none;}

.content1 {
background-color:000000; border:0px;
width:370px; height:297px;
position:absolute; overflow:none;
top:430px; left:220px;
scrollbar-face-color: 647A19;
scrollbar-arrow-color:666666;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19); 
}

.content2 {
background-color:000000; border:0px;
width:300px; height:297px;
position:absolute; overflow:none;
top:430px; left:600px;
scrollbar-face-color: 647A19;
scrollbar-arrow-color:666666;
scrollbar-track-color:647A19;
scrollbar-shadow-color:647A19;
scrollbar-highlight-color:647A19;
scrollbar-3dlight-color:647A19;
scrollbar-darkshadow-color:647A19;
filter:chroma(color=647A19); 
}

h1 {
font-family:small fonts; font-size:7px; 
color:d5d5d5; font-weight:normal; 
line-height:12px; display:block;
text-transform:uppercase;
border-bottom:1px solid; border-color:007563;
}

div, small, big, text, p, br, td, tr, table {
font-family:tahoma arial; color:808080;
font-size:10px; line-height:11px;
text-decoration:none; font-weight:normal;
text-align:left;
}

h2 {color:585858; font-family:small fonts tahoma; text-transform:uppercase; display:inline; font-size:12px; font-weight:bold;}

b, strong {
color:007563; font-family:arial;
text-transform:lowercase; font-weight:normal;}

i { color:009f86; font-family:palatino linotype;}
u {color:016c5b; font-family:courier new;}

td td embed, td td object{
position:absolute;
left:0px; top:0px;
width:1px; height:1px;}

td.text embed {width:260px; height:38px;}

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;}
</style>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nava">Message</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nava">Comment</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nava">Pictures</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nava">Block</a>
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <br><br>

Nam auctor turpis eget purus. Vestibulum et pede ut libero lacinia egestas. Aliquam semper rhoncus augue. Nullam et nisi. Integer sit amet elit nec nisi varius fringilla. Maecenas vel justo id erat pulvinar congue. Maecenas dapibus luctus nunc. Etiam tristique. Etiam massa. Etiam pede dui, consequat at, tincidunt ac, adipiscing quis, augue. Integer sit amet nunc quis nisl sollicitudin aliquet. Ut dolor odio, fringilla nec, adipiscing nec, tincidunt id, lectus. Aenean pharetra molestie justo. Integer dolor erat, mattis eu, congue ac, adipiscing sed, diam. Fusce in libero eget nulla molestie auctor. Sed eleifend, justo et aliquam scelerisque, risus justo convallis metus, ac consectetuer sapien quam ut augue. Morbi dui mi, pulvinar auctor, rhoncus in, blandit faucibus, metus. Duis lobortis. Fusce ullamcorper dictum nulla. <br><br>

Integer est. Phasellus mollis viverra massa. Vestibulum venenatis, quam at euismod porta, nisl nunc scelerisque turpis, quis commodo metus velit iaculis augue. Etiam leo. Nunc suscipit. Nunc sed nisl. Maecenas sed sapien. Praesent malesuada lorem a pede dictum mattis. Morbi sed ante. Fusce feugiat accumsan justo. Proin et urna. Integer pede mi, fringilla quis, accumsan non, pulvinar vitae, neque. Praesent accumsan lacinia purus. Pellentesque euismod, dolor quis ultrices tincidunt, metus lorem elementum tellus, non iaculis leo metus et libero. Quisque libero nibh, tincidunt sit amet, vestibulum nec, aliquam vel, diam. Vivamus in urna a neque aliquam scelerisque. Nunc posuere diam.
</div>

<div class="content2">
<b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="'">Link</a> <br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <br><br>

Nam auctor turpis eget purus. Vestibulum et pede ut libero lacinia egestas. Aliquam semper rhoncus augue. Nullam et nisi. Integer sit amet elit nec nisi varius fringilla. Maecenas vel justo id erat pulvinar congue. Maecenas dapibus luctus nunc. Etiam tristique. Etiam massa. Etiam pede dui, consequat at, tincidunt ac, adipiscing quis, augue. Integer sit amet nunc quis nisl sollicitudin aliquet. Ut dolor odio, fringilla nec, adipiscing nec, tincidunt id, lectus. Aenean pharetra molestie justo. Integer dolor erat, mattis eu, congue ac, adipiscing sed, diam. Fusce in libero eget nulla molestie auctor. Sed eleifend, justo et aliquam scelerisque, risus justo convallis metus, ac consectetuer sapien quam ut augue. Morbi dui mi, pulvinar auctor, rhoncus in, blandit faucibus, metus. Duis lobortis. Fusce ullamcorper dictum nulla. <br><br>

Integer est. Phasellus mollis viverra massa. Vestibulum venenatis, quam at euismod porta, nisl nunc scelerisque turpis, quis commodo metus velit iaculis augue. Etiam leo. Nunc suscipit. Nunc sed nisl. Maecenas sed sapien. Praesent malesuada lorem a pede dictum mattis. Morbi sed ante. Fusce feugiat accumsan justo. Proin et urna. Integer pede mi, fringilla quis, accumsan non, pulvinar vitae, neque. Praesent accumsan lacinia purus. Pellentesque euismod, dolor quis ultrices tincidunt, metus lorem elementum tellus, non iaculis leo metus et libero. Quisque libero nibh, tincidunt sit amet, vestibulum nec, aliquam vel, diam. Vivamus in urna a neque aliquam scelerisque. Nunc posuere diam.
</div>

Layout Comments

Showing latest 10 of 13 comments

This is deff not something I'd pick... on a regular day anywho. But I'm on love with it. Wish it was purple though :( lol

By JinxyPeach on Jun 9, 2009 3:01 am

great execution! it's a little dark for me, but i think you did an amazing job. really good work!

By jesusisthebestthing on Jan 1, 2009 9:24 pm

very clean

By jkeysdesigns on Dec 17, 2008 4:05 pm

Aw, I'm flattered :) Great job Matt :D

By fainaru on Dec 14, 2008 5:25 pm

Bah, it didn't post all my comment.

Nice I like the colors. :]

By none345678 on Dec 14, 2008 3:07 pm

Oh wow ^_^ Good job, it's beautiful.

By Naekipz on Dec 14, 2008 2:45 pm

I though is was fainaru's work at first.

By none345678 on Dec 14, 2008 2:41 pm

I was going to say this this reminds me of fainaru's work. You have their permission to use their stylesheet, I assume?

The font size is too small, but it's a decent layout.

By tokyo-rose on Dec 14, 2008 2:16 pm

My favorite now :D

By emmasawr on Dec 14, 2008 2:08 pm

Oh..wow.
This is pretty.
I love the Century Gothic text.

By BananaNugg3ts on Dec 14, 2008 1:52 pm

View all »

Layout Details

Designer	Decode
Submitted on	Dec 13, 2008
Page views	25,200
Favorites	181
Comments	13
Reviewer	schizo
Approved on	Dec 14, 2008

Freedom

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates