Joe Jonas :: Surreal

Designer's Comments

Look carefully for specific instructions

Change XXXXXXXX to your friend ID.
Change the 90x100 picture to your own.
DO NOT REMOVE CREDIT!
It's only a littel button in the corner ^_^

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 class="joejonascontent">
<b>About the Layout;</b><br>
This layout features Joe Jonas of the Jonas Brothers - purely because he's my personal favourite. ^_^<br>
I made it using Photoshop CS3 and took up to about 2 hours. <br>
So, not too long. But i am actually very pleased with the overall look.<br>
The picture below is just a temp. You can change it to whatever your default myspace pic is but i would reccommend that it be around 90px x 100px as the layout would look a little silly if it was any bigger.<br>
All this blabber can be deleted.<br>
And thats all i really have to say about this one.<br><br><br>

Oh, <u>do not</u> under any circumstnaces remove the credit, please.<br><br><br>

<ul>
<li><a href="">link<br>
<li><u>underlined text</u><br>
<li><b>bold text. I reccommend  using this for headers</b><br>
<li><i>italicized text</i><br>
<li><s>strikethrough</s><br>
</li>
</ul>

<b>your name here;</b><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg9.com/layouts/08/11/32348aa.jpg" align="left" border="0"></a> All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. All about you goes here. 
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

table div div{visibility:hidden;!important;}

</style>
<p><a href="http://myspace.com/retrocurls"><img src="http://cbimg9.com/layouts/08/11/32348ac.gif" border="0" alt="retro <3 curls" style="position:absolute;top:10px;right:10px;width:54px;height:14px;" /></a></p>
<style>

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

td td embed, td td object { position: absolute; top: -500px; left: -500px; }
td td td embed, td td td object { position: static !important; }

body { 
background: url(http://cbimg9.com/layouts/08/11/32348ad.jpg); 
font-family: tahoma;
}
td, .text, div, input {
} 
.home{
	height:33px; 
	width:74px; 
	background-COLOR:transparent;  
	background: url(http://cbimg9.com/layouts/08/11/32348ae.jpg);
	background-position; top left;
	background-repeat: no-repeat; 
	display: block;}

.home:hover{
	background-position: bottom left;
        cursor: default;}

.add{
	height:33px; 
	width:57px; 
	background-COLOR:transparent;  
	background: url(http://cbimg9.com/layouts/08/11/32348af.jpg);
	background-position; top left;
	background-repeat: no-repeat; 
	display: block;}

.add:hover{
	background-position: bottom left;
        cursor: default;}

.comment{
	height:33px; 
	width:58px;  
	background-COLOR:transparent;  
	background: url(http://cbimg9.com/layouts/08/11/32348ag.jpg);
	background-position; top left;
	background-repeat: no-repeat; 
	display: block;}

.comment:hover{
	background-position: bottom left;
        cursor: default;}

.message{
	height:33px; 
	width:55px; 
	background-COLOR:transparent;  
	background: url(http://cbimg9.com/layouts/08/11/32348ah.jpg);
	background-position; top left;
	background-repeat: no-repeat; 
	display: block;}

.message:hover{
	background-position: bottom left;
        cursor: default;}

.friends{
	height:33px; 
	width:84px; 
	background-COLOR:transparent;  
	background: url(http://cbimg9.com/layouts/08/11/32348ai.jpg);
	background-position; top left;
	background-repeat: no-repeat; 
	display: block;}

.friends:hover{
	background-position: bottom left;
        cursor: default;}

.block{
	height:33px; 
	width:79px; 
	background-COLOR:transparent;  
	background: url(http://cbimg9.com/layouts/08/11/32348aj.jpg);
	background-position; top left;
	background-repeat: no-repeat; 
	display: block;}

.block:hover{
	background-position: bottom left;
        cursor: default;}
a {
	color: E10140!important;
	font-family:arial;
	font-size:11.5px;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:none;
	text-decoration:none!important;
}
a:hover {
	color: FF4C6F!important;
	font-family:arial;
	font-size:11.5px;
	font-weight: normal;
	text-transform:none;
	text-decoration:none!important;
        cursor: default;}
        
}
li {
	color:cd5e34; 
	line-height:11.5px;
	font-family:arial;
	letter-spacing:-1px;
	text-align:justify;
}
b{
	color:d06d1b;
	font-size:9pt;
	cursor:default;
	line-height:13px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:7a2455;
	font-size:11.5;
	cursor:default;
	line-height:11.5px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:uppercase;
}
i{
	color:353535;
	font-size:11.5px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:c72c62;
	font-size:11.5px;
	cursor:default;
	line-height:11.5px;
	letter-spacing:0px;
	font-family:arial;
	text-transform:none;}
.joejonashome {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:0px;
	margin-top:347px;
	text-align:justify;
	visibility:visible;
}

.joejonasadd {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:74px;
	margin-top:347px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.joejonasblock {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:3;
	left:0%;
	top:0%;
	margin-left:327px;
	margin-top:347px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.joejonascomment {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:131px;
	margin-top:347px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.joejonasmessage {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:189px;
	margin-top:347px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.joejonasfriends {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:243px;
	margin-top:347px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}
.joejonascontent {
	background-color:transparent;
	border:0px solid;
	border-color:white;
        color:4f4f4f!important;
        font-size: 11.5px;
	font-family:arial;
	line-height:11.5px;
	letter-spacing:-1px;
	width:398;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:0%;
	top:0%;
	margin-left:4px;
	margin-top:380px;
	text-align:justify;
	visibility:visible;
	z-index:5;	
}
</style>