Jonas Brothers

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace all the ___LINKGOESHERE with the right link.

replace CONTENTLINKGOESHERE with the link to yer everything blog.

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

<style>

body {
background-color: FFFFFF;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:000000;
scrollbar-track-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: FFFFFF; background-color: FFFFFF; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px century gothic; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 10px century gothic; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family: century gothic; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}  
.redbtext{font-family: century gothic; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: century gothic; color: 000000; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family: century gothic; font-size:10px;  color:000000; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}  
.whitetext12{font-family: century gothic; font-size:10px;  color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: century gothic; color:000000; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }  
.nametext{font-family: century gothi; color: 000000; font-weight: bold; font-size: 30px; letter-spacing: -2px; line-height: 35px;}

{date stamp on comments}  
.blacktext10{font-family: century gothic; font-size:10px;  color:000000; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family: century gothic; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family: century gothic; font-size: 10px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family: century gothic; font-size:10px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family: century gothic; font-size: 10px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family: century gothic; font-size: 10px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}  
a.redlink{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}  
a.redlink:link{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase; } 
a.redlink:hover{font-family: century gothic; font-size:8px;  color: 000000; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar} 
a.navbar{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:link{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:active{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:visited{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}  
a.navbar:hover{font-family: century gothic; font-size:8px; color: 000000; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family: century gothic; font-size:20px; color: 000000; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;}  
a:active{font-family: century gothic; font-size: 20px; color: 000000; font-weight:none;border:0px; text-transform: none;}  
a:visited{font-family: century gothic; font-size: 20px; color: 000000; font-weight:none;border:0px; text-transform: none;} 
a:hover{font-family: century gothic; font-size: 20px; color: 000000; font-weight:none;border:0px; text-transform: none;}

{bolded words}
.standard b, p b, B, strong {
font-family:georgia; font-size:10px; color: 000000; font-weight:none;border:0px; text-transform: none; }

</style>

<div class="content" style="position: absolute; left:535px;  top:432px; width:307px; height:63px; overflow: auto;">
<center>normal <b>bold</b> <u>underlined</u> <i>italic</i> <s>strikethrough</s> <big>big</big> <small>small</small></center><br />so if you use my layout, you <u>don't</u> take the credit off, or i'll hunt you down. :)
</div>

<div class="content" style="position: absolute; left:10px;  top:15px; width:170px; height:150px; overflow: auto;">
<style>
.link {display:block;width:100px;height:52px; background-color:transparent;background-repeat:no-repeat; background-image:url("http://cbimg9.com/layouts/08/11/32643ab.png");  background-position:top right; }
.link:hover {display:block;width:100px;height:52px; background-color:transparent;background-repeat:no-repeat; background-image:url("http://cbimg9.com/layouts/08/11/32643ac.png");  background-position:top right;}
</style>
<a href="327086864" class="link"></a>
</div>

Layout Comments

Showing latest 4 of 4 comments

love the layout, its simple small and neat well done. excepppt.. i'm not a jonas brothers fan so i wouldnt use it :(

By fullstop on Nov 25, 2008 3:35 am

neat.

By diputs on Nov 23, 2008 10:09 pm

simple and clean. nice!

By futura on Nov 23, 2008 2:53 pm

amazing&neat!

By chanieannie on Nov 23, 2008 12:30 am

Layout Details

Designer	hellodivs
Submitted on	Nov 21, 2008
Page views	7,749
Favorites	30
Comments	4
Reviewer	schizo
Approved on	Nov 22, 2008

Jonas Brothers

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates