Joe Jonas

i don't recommend using this if you aren't good with html codes. when you copy and paste this into your about me section, replace all of the XXXXXXXX with your friend i.d.

• 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 type="text/css"> .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;} table table table table,table table table table td.text, td.text td.text table{display:none;} 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;} </style> <style type=text/css> body { background-color: FFFFFF; background-image: url(""); background-position: bottom right; background-repeat: no-repeat; background-attachment: fixed; scrollbar-arrow-color: 9955FF; 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 9px georgia; color: 9955FF; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 9px georgia; color: 9955FF; font-weight:none; border:0px; text-transform: none; line-height:12px;} {style for the number of comments you have. The actual ..} .redtext{font-family: georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family: georgia; font-size:9px; color: 9955FF; 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: georgia; color: 9955FF; 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:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase; } {”Contacting”, “Interests”, “Details”, and “Schools” title styling} .whitetext12{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family: georgia; color: 9955FF; font-weight: bold; font-size: 20px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: georgia; color: 9955FF; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} {date stamp on comments} .blacktext10{font-family: georgia; font-size:9px; color: 9955FF; 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: georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family: georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} {”View all friends” and “invite more” link style} a.redlink{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:georgia; font-size:9px; color: 9955FF; 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:georgia; font-size:9px; color: FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:georgia; font-size:9px; color: FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:georgia; font-size:9px; color: FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:georgia; font-size:9px; color: FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:georgia; font-size:9px; color: FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} {Default Links} a:link, a.man{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: none; letter-spacing: 0px;} a:active{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: none;} a:visited{font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: none;} a:hover{font-family:georgia; font-size:9px; color: FFFFFF; font-weight:none;border:0px; text-transform: none;} {bolded words} .standard b, p b, B, strong { font-family:georgia; font-size:9px; color: 9955FF; font-weight:none;border:0px; text-transform: none; } </style> <style type="text/css">td td embed, object, pram, embed{height:0; width:0}</style> <div class="bg" style="position: absolute; left:165px; top:140px; width:645px; height:502px; overflow: hidden;"> <img src="http://cbimg9.com/layouts/08/06/28296aa.png"> </div> <div class="content" style="position: absolute; left:500px; top:360px; width:250px; height:75px; overflow: auto;"> put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. put whatever you want here. </div> <div class="content" style="position: absolute; left:1px; top:1px; width:250px; height:75px; overflow: auto;"> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL19zcGF6aXR1ZGVf">credit</a> </div> <div class="content" style="position: absolute; left:545px; top:330px; width:230px; height:20px; overflow: auto;"> <a href="EVERYTHINGLINKGOESHERE"><big>click for everything</big></a> </div> <div class="content" style="position: absolute; left:500px; top:450px; width:250px; height:75px; overflow: auto;"> <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, <b>bold text</b>, <i>italic text</i>, <u>underlined text</u>, <s>strike through text</s>, </a> </div> <div class="content" style="position: absolute; left:500px; top:550px; width:250px; height:20px; overflow: auto;"> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">home</a> - <a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD1YWFhYWFhYWCZNeVRva2VuPXVuZGVmaW5lZA==">message</a> - <a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPVhYWFhYWFhYJk15VG9rZW49MWYyNDkyODgtNDBiMi00ODc5LTljYzEtZGE3ZTdjNmI3YzY5">comment</a> - <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtczImZnJpZW5kSUQ9WFhYWFhYWFgmdmlldz10cnVl">photos</a> - you - can - add - more - if - you - want - to </div>

this layout is awesome.joe is soo hot!ILOVEJB!

pretty good(:

For a first layout, thats amazing. The font is a little hard to read but the overall image for the layout is really nice :)

x

....kool

nice, but if you're goin to make the text purple, maybe have it match his shirt. "Welcome to my site" eh. i think it should have said something else. all in all, it's pretty nice.

i like the simplicity,,
not so much joe!
:/

the font is terrible to read

nice [:

i think it would look better if you took the purple dot things away and make the text darker


but thats just me .. >->

It's a bit plain, in my opinion. But it's pretty good for a first submission. :D

Designer	hellodivs
Submitted on	Jun 11, 2008
Page views	15,825
Favorites	67
Comments	10
Reviewer	manny-the-dino
Approved on	Jun 11, 2008

celebrities, joe, jonas, camp, rock

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

• Here I Stand Layouts