Nick Jonas & The Administration

Myspace Layouts / Div Overlay

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 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: FFFFFF; cursor: crosshair;}

a:active, a:link, a:visited {font: normal 7px small fonts;text-transform: uppercase;color: 000000;}

a:hover {color: 000000;text-decoration: none;cursor: crosshair; }

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

.about {background: transparent;
width: 408px;height: 191px; position: absolute;
overflow: auto; top: 287px;left: 50%; margin-left: +55px;  
font-family:Arial; color:979498;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.basicinfo {background: transparent;
width: 152px;height: 199px;position: absolute;
overflow: auto; top: 282px;left: 50%;margin-left: -112px;
font-family:Arial; color:979498;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.extra1 {background: transparent;
width: 182px;height: 167px;position: absolute;
overflow: auto; top: 507px;left: 50%;margin-left: -107px;
font-family:Arial; color:B6B3B6;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.extra2 {background: transparent;
width: 199px;height: 167px;position: absolute;
overflow: auto; top: 507px;left: 50%;margin-left: +80px;
font-family:Arial; color:B6B3B6;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.extra3 {background: transparent;
width: 174px;height: 167px;position: absolute;
overflow: auto; top: 507px;left: 50%;margin-left: +287px;
font-family:Arial; color:B6B3B6;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ;}

.navigation {background: transparent;
width: 176px;height: 21px;position: absolute;
overflow: auto; top: 260px;left: 50%;margin-left: +305px;
font-family:Arial; color:B6B3B6;font-size:11px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: 8;}

.credit { background: transparent;
width: 60px;height: 15px;position: absolute;
overflow: auto; top: 757px;left: 50%;margin-left: +427px;
font-family:Silkscreen; color:FFFFFF;font-size:8px; 
line-height:10px; text-decoration:none; 
font-weight:normal; letter-spacing: ; }</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean 
sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur 
rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies 
adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed 
urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. 
Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. 
Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. 
</div>

<div class="basicinfo">
<img src="http://cbimg6.com/layouts/10/02/36137ab.png" align="left" style="margin-left:-2px;" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam.
</div>

<div class="extra1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

<div class="extra2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

<div class="extra3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. 
Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit 
ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>

<div class="credit">
<a href="http://www.myspace.com/109158963" target=new>meggybear</a>
</div>

Layout Comments

Showing latest 10 of 11 comments

Damn,this is fly.*A*

By Saikou on Jun 11, 2010 12:33 am

Love it.

By futura on Feb 16, 2010 2:59 am

This is very pretty. Very well-made.

By emberfly on Feb 12, 2010 2:54 pm

Wow, excellent work with matching everything and keeping colors consistent (besides the navigation, but that's acceptable because it's small and doesn't really clash against the rest of the layout; it makes the user stay on the page a bit longer). You've gotten better with making your layouts flow, and that's definitely good. Although, the outside of the image should be blended more into the background but there are some screens that have larger resolutions then yours and the image looks kind of cut off. Otherwise, great job. :)

By Mikeplyts on Feb 7, 2010 10:24 am