The Jonas Brothers

Designer's Comments

Look carefully for specific instructions

"The Jonas Brothers"
made in; PAINT SHOP PRO 9
BY: EMMI JANE

instructions.
1. PASTE CODES INTO SELECTED AREAS WHEN YOU GO TO 'EDIT PROFILE' FOR MYSPACE.
2. DO NOT SAVE YET. REPLACE ALL XXXXXXX's WITH FRIEND ID. YOU WILL FIND THESE IN THE 'navigation.' SCROLL BOX AT THE BOTTOM OF THE CODE THAT GOES IN 'WHO I'D LIKE TO MEET'.
3. SAVE, OR DO NOT. YOUR CHOICE. I RECOMMEND NOT.. BECAUSE YOU STILL HAVE TO REPLACE ALL THE SAMPLE CONTENT WITH YOUR OWN.
4. REPLACE ALL CONTENT I WROTE IN WITH YOUR OWN STUFF.
5. LEAVE THE CREDIT ON THERE. SAVE.
6. ENJOY THE LAYOUT!

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

div div, div td {background-color:transparent; background-image:http://cbimg6.com/layouts/08/09/31205ab.jpg;}
div.profileWidth {margin-top: -XXpx !important;}
div.profileWidth div.clearfix {position:relative; top:YYpx}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important;}

</style>

table table table {border: 0px solid; border-color: d6c8bd;  padding:0; background-color:; background-image: url("")}
table tbody td table tbody tr td.text table{background-color:; background-image: url("")}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
textarea, input {font-family:arial; font-size: 10px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}
.btext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext10 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.lightbluetext8 {font-family:arial; font-size: 11px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}

.nametext {font-family:arial; font-size: 2px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}

.orangetext15 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.redbtext, .redtext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.text {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}

.whitetext12 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:arial; font-size: 10px; color: 000000; font-weight: normal; text-decoration: italic; letter-spacing: 2px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color: ; border: 0px solid ..FFFFFF;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:arial; font-size: 10px; color: 000000; font-weight: none; text-decoration: bold; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color:; transparent; border: 0px solid ..FFFFFF;}

b, stong 
{font-family:arial; font-size: 11px; color: 225566; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: hand;}
a:hover {cursor: hand;}
TD TD {text-align: justify;}
TD TD TD {text-align: justify;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: ; width:350px;}
TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
</style>
<style> div td{ visibility: hidden; } div table { visibility: visible; } div table td { visibility: hidden; } div table table td { visibility: visible; } div table table { visibility: visible; } div table table div { visibility: visible; } table td div div { visibility: visible; } div table { visibility: visible; } { visibility: hidden; }

.link1{z-index:5;line-height:10px;position: absolute;width:235px;height:57px; left: 574;top:555;}
.link2{z-index:5;line-height:10px;position: absolute;width:235px;height:56px; left: 574;top:613;}
.link3{z-index:5;line-height:10px;position: absolute;width:235px;height:47px; left: 574;top:660;}
.link4{z-index:5;line-height:10px;position: absolute;width:235px;height:50px; left: 574;top:713;}
.link5{z-index:5;line-height:10px;position: absolute;width:235px;height:57px; left: 574;top:760;}
.link6{z-index:5;line-height:10px;position: absolute;width:235px;height:49px; left: 574;top:811;}

.myname{width:235px;height:57px; overflow: hidden; background:
url(http://i34.tinypic.com/6zlk3q.jpg) top left no-repeat;
display: block;}
.myname:hover{background-position: bottom left;}
.isemmijane{width:235px;height:56px; overflow: hidden; background:
url(http://i35.tinypic.com/s5fdxk.jpg) top left no-repeat;
display: block;}
.isemmijane:hover{background-position: bottom left;}
.andthisismycode{height: 47px; width: 235px; overflow: hidden; background:
url(http://i36.tinypic.com/jjy5nt.jpg) top left no-repeat;
display: block;}
.andthisismycode:hover{background-position: bottom left;}
.sodontstealit{width:235px;height:49px; overflow: hidden; background:
url(http://i37.tinypic.com/vz7wpf.jpg) top left no-repeat;
display: block;}
.sodontstealit:hover{background-position: bottom left;}
.block{width:235px;height:55px; overflow: hidden; background:
url(http://i34.tinypic.com/2eyyzxt.jpg) top left no-repeat;
display: block;}
.block:hover{background-position: bottom left;}
.kaythanks{width:235px;height:49px; overflow: hidden; background:
url(http://i37.tinypic.com/2l9r5v7.jpg) top left no-repeat;
display: block;}
.kaythanks:hover{background-position: bottom left;}
</style>

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

.createblogcode{background settings}
    body{
    background-color: cccccc;
    background-image: url('IMAGE_URL_HERE');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
    }

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

- - - - - - - - - - - - - - - - - - - -
this is your about me box below.
not more than 400 in width for images.
- - - - - - - - - - - - - - - - - - - -

<div class="content" style="position:absolute; align=justify; left:33px;  top:555px; width:537px; height:365px;background-color:; overflow: auto;"><div align="justify">
<br /><br />
START ABOUT ME HERE
<br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br />
replace all "xxxxxx"s with friend i.d.
<br />
no images larger than 400 width
<br /><br />
<i>italic</i> <b>bold</b> <u>underline</u> <a href="www.createblog.com">links</a>
<br /><br />
all text will be lowercase. enjoy the layout and don't forget to check out more awesome layouts at <a href="www.createblog.com">createblog</a>.
<br /><br />
this box will scroll when more content is put into it. lol. sorry if you don't like scroll boxes? but it's how i do my divs.
<br /><br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br />
TEXT IN HERE! TEXT IN HERE!
<br /><br /><i>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br /></i>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br /><b>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br /></b>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br /><i>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br /></i>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br /><u>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br /></u>
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br />
TEXT IN HERE! TEXT IN HERE! TEXT IN HERE! TEXT IN HERE!
<br /><br />

</div></div>

-------------------------------------------
navigation. emmi jane.
DO NOT EDIT THESE IN ANY WAY. EXCEPT TO
REPLACE THE XXXXXX'S WITH YOUR FRIEND I.D.
-------------------------------------------

Layout Comments

Showing latest 10 of 12 comments

haha, so i loved your ashley tisdale layout and thought i checked out your others. i'm so glad i did, lol.
i'm a big fan of the jobros as well as hsm, and i love this.
especially the guitar nav.
amazing work.

By Z0MGsz on Sep 20, 2008 9:22 pm