Freedom

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

• 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

<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> <div style="position:absolute; top:100px; left:0px;"><img src="http://cbimg9.com/layouts/08/12/33003aa.png" /></div> <div style="position:absolute; top:430px; left:0px; height:500px; width:100px; overflow:none;"> <a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nava">Home</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nava">Message</a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nava">Add</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>

<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>

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

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

very clean

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

Bah, it didn't post all my comment.

Nice I like the colors. :]

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

I though is was fainaru's work at first.

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.

My favorite now :D

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

View all »

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

abstract, colorful, emotions, fantasy, nature, freedom, teal, bird

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts