To The Sky

Designer's Comments

Look carefully for specific instructions

Replace the "xxxxxxxxxxxx"s in the navigation links with your myspace ID (view below to find myspace ID to make the links valid.

To locate your myspace ID, log in to your myspace, click "view my profile", and at the end of the internet adress bar should have numbers.

Example:3423434

TO REPLACE THE IMAGES WITH YOUR OWN, replace the image urls with your own.

The image starts with
img src="IMAGE URL HERE"

To replace the images with your own images, replace the Url within the quotes.

IMPORTANT If you are having trouble finding the navigation links to replace with your myspace id, they are the VERY FIRST set of codes in the "WHO I'D LIKE TO MEET" codes =)

Please, dont remove the credits.
Enjoy! =)

IMAGES: I really dont know who or what to credit, I got that image off Adobe stock photos, and ps'ed the hell outta it =D

Check us out! SWEET!@

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 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;}

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

</style>

<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-color:52443c!important;
	background-image:url("none");
	background-repeat:repeat-y;
	background-position:top center;
	background-attachment:scroll;
}
td, .text, div, input {
	color:000000!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	text-transform:none;
	letter-spacing: 0px;
}

.home{
	height:98px; 
	width:162px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/10/12/22344aa.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.add{
	height:106px; 
	width:121px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/10/12/22344ab.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.pictures{
	height:74px; 
	width:118px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/10/12/22344ac.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.pictures:hover{
	background-position: bottom left;}

.message{
	height:86px; 
	width:119px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/10/12/22344ad.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

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

.block{
	height:124px; 
	width:74px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/10/12/22344ae.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.block:hover{
	background-position: bottom left;}

.sweet{
	height:120px; 
	width:121px; 
	background-COLOR:transparent;  
	background: url(http://cbimg6.com/layouts/07/10/12/22344af.png);
	background-position:top left;
	background-repeat: no-repeat; 
	display: block;}

.sweet:hover{
	background-position: bottom left;}

a {
	color:cdc8fd!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;
}
a:hover {
	color:bbda99!important;
	font-family:georgia;
	font-size:8pt;
	font-weight: normal;
	letter-spacing:-1px;
	text-transform:uppercase;
	text-decoration:none!important;}

h1 {
	margin: 0px;
	color: 52443c;
	text-align:center;
	border-bottom:1px dotted;
	border-color:131313;
	font-family:georgia;
	font-size: 11pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 15pt;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
}
li {
	color:fbc36d; 
	line-height:13px;
	font-family:georgia;
	letter-spacing:0px;
	text-align:justify;
}
b{
	color:188dbd;
	font-size:9pt;
	cursor:default;
	line-height:13px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:lowercase;
}
s{
	color:31b573;
	font-size:9pt;
	cursor:default;
	line-height:10px;
	letter-spacing:-1px;
	font-family:arial;
	text-transform:uppercase;
}
i{
	color:f8f400;
	font-size:10pt;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:times;
	text-transform:none;
}
u{
	color:e10052;
	font-size:12px;
	cursor:default;
	line-height:10px;
	letter-spacing:0px;
	font-family:georgia;
	text-transform:none;}

.totheskybg {
	background-color:transparent;
	border:0px solid;
	border-color:black;
	width:629px;
	height:920px;
	overflow:hidden;
	position:absolute;
	z-index:1;
	left:50%;
	top:0%;
	margin-left:-321px;
	margin-top:90px;
	text-align:center;
	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/10/12/22344ag.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:scroll;}

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

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

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

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

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

.totheskysweet {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height: auto;
	overflow-x:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:-169px;
	margin-top:477px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}
.totheskycomment {
	background-color:transparent;
	border:0px solid;
	border-color:white;
	width:auto;
	height:auto;
	overflow:hidden;
	position:absolute; z-index:2;
	left:50%;
	top:0%;
	margin-left:164px;
	margin-top:497px;
	text-align:justify;
	visibility:visible;
	z-index:5;
}

.totheskyaboutme {
	background-color: transparent;
	border:0px solid;
	border-color:black;
	width:471px;
	height:350px;
	overflow:auto;
	position:absolute;
	z-index:2;
	left:50%;
	top:0%;
	margin-left:-178px;
	margin-top:628px;
	text-align:justify;
	visibility:visible
}

.totheskycover {
	background-color: 52443c!important;
	border:0px solid;
	border-color:black;
	width:752px;
	height:50px;
	overflow-x:hidden;
	position:absolute;
	z-index:0;
	left:50%;
	top:0%;
	margin-left:-376px;
	margin-top:130px;
	text-align:justify;
	visibility:visible
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="xxxxxxxxxx" type="hidden"> <textarea name="f_comments" class="color">comment me here! :)</textarea><br /> <input type="submit" value="click it" class="button"></form>

<div class="totheskyaboutme">
<h1>about me</h1>
Okay. So Uh, I think I'm getting into the habit, of submitting <b>more</b> now.  I have been super busy lately, and <s>school</s> is killing my time.  I was going something <u>abstract</u>, and <i>retro</i>.  I actually really <b>like</b> the outcome of this layout.  At first, I was pretty frustrated at first, with the <s>cutting</s>, [b]placement[/b] and all, but everything slowly came <i>together</i>.  Please, dont remove the credits!  There is only one link.  Enjoy the layout! =) <br>
<br>
<h1>layout css</h1>
<ul>
<li><b>Bold text</b></li>
<br>
<li><u>Underlined text</u></li>
<br>
<li><s>strike through text</s></li>
<br>
<li><i>italicized text</i></li>
</ul>

<h1>heroes</h1>
This is basically like your <b>heroes</b> section.  Put in whoever you admire :)  Also, keep in mind that you can <i>delete</i> this section if you would like.  This section is <u>removable!</u> You may insert <s>pictures</s> into this, but make sure the images do <u>not</u> exceed <b>400</b> pixels width wise.  You dont want a <b>ugly</b> scrollbar on the content section going horizontally, now do you? :)

<br>
(c)<a href=http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vYWFuZGpfcHJvZHVjdGlvbno=>credit</a>
<br>
</div>