Weightless

Designer's Comments

Look carefully for specific instructions

Myspace version of Xanga layout Weightless. Special thanks to Tasare for the stylesheet. Used with permission.

Replace "########" with YOUR ID number and "XXXXXXXX" with your FRIENDS' ID numbers.

READ: "The Service contains Content of Users and other CreateBlog licensors. Except for Content posted by you, you may not copy, modify, translate, publish, broadcast, transmit, distribute, perform, display, or sell any Content appearing on or through the Service." from CB Terms of Service

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 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; }
.userProfiledetail, .userProfileURL, .userProfileSchool, 
.interestsAndDetails, .friendsComments,.extendedNetwork, 
.latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable {
display:none;}
a.text, table div font a, table div div {
visibility:hidden;
}
div div, div td 
{background-color:transparent; 
background-image:none!important;}
table tr td div font {
display: none;}
body div table td form {
display:none!important;
}
div.profileWidth div.clearfix 
{position:relative;
top:30px
}
div.profileWidth 
{margin-top: -30px !important;}

table, td, tr {
background-color:transparent;
}
body div td div div select {
width:0px!important;
}
table table td div {
visibility:visible;
}
tr td div select {
display:none!important;position:relative!important; left:-5000px;
}

BODY{
background-color:ffffff;
background-image: url(http://cbimg6.com/layouts/09/01/33347aa.jpg);
background-repeat:repeat-y, repeat-x;
background-position: left;
background-align: left;
overflow-x: hidden;
margin: 0px;
scrollbar-FACE-color:8b9374;
scrollbar-BASE-color:8b9374;
scrollbar-TRACK-color:dedfcd;
scrollbar-HIGHLIGHT-color:434739;
scrollbar-3DLIGHT-color:8b9374;
scrollbar-SHADOW-color:434739;
scrollbar-DARKSHADOW-color:8b9374;
scrollbar-ARROW-color:434739;
font-family: tahoma, verdana;
font-size: 10px;
color:606650;
line-height:normal;
letter-spacing: 0px;}

a:link, a:active, a:visited{
color: 4c5239;
text-decoration: none;
text-transform: none;
border: none;
font-family: verdana;
font-size: 10px;
letter-spacing: 0px;
font-weight: normal;
}

a:hover{
color:c5d0a5;
font-family: verdana;
font-size: 10px;
font-weight: normal;
border: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
}

A.navilink:link, A.navilink:visited, A.navilink:active
{display: block;
width: 100%;
background-color: 81886c;
font: normal 10px;
font-family georgia;
color: 4c5239;
line-height: 12px;
height: 13px;
text-align: left;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 3px;
margin: 0px;
border: 0px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;}

A.navilink:hover
{display: block;
width: 100%;
background-color: c5d0a5;
font: normal 10px;
font-family georgia;
color: 4c5239;
line-height: 12px;
height: 13px;
text-align: right;
text-decoration: none;
text-transform: lowercase;
letter-spacing: 3px;
margin: 0px;
border: 0px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;}

H1{
width: auto;
height: 14px;
background-color: none;
font-size: 12px;
font-weight: bold;
color:2e3321;
font-weight: normal;
letter-spacing: 1px;
font-family: times;
text-align: right;
margin: 0px;
padding-bottom: 1px;
text-transform: uppercase;
text-decoration: none;
margin-bottom: 5px;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:596147;
line-height:14px;
}

H2{
width: auto;
background-color: eaedd8;
font-size: 13px;
font-family: sylfaen;
color:798361;
line-height: 13px;
letter-spacing: 2px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}

H3{
width: auto;
background-color: none;
font-size: 12px;
color: 2e3321;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
font-family: times;
text-align: center;
line-height: 14px;
margin: 0px;
padding-bottom: 1px;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:596147;
}

p.module {
width: auto;
color: 606650;
margin: 0px;
padding: 2px;
background-color: eaedd8;
text-align: left;
}

P{
width:auto;
text-align: justify;
padding: 2px;
font-family: tahoma;
font-size: 10px;
color:4a473c;
line-height:normal;
letter-spacing: 0px;
background-color: eaedd8;
margin-top:2px;
margin-bottom:20px;}

b, strong {
color: 282f17;
font-weight: bold;
font-family:verdana;
letter-spacing:0px;
font-size: 10px;
text-decoration: none;
text-transform: none;
}

i, em {
font: normal 10px;
font-family: tahoma, verdana;
font-style: italic;
font-weight: normal;
color: 8e967a;
letter-spacing: 1px;
text-transform: none;
text-decoration: none;
}

u {
font: normal 10px;
font-family: verdana;
color: 798855;
letter-spacing: 0px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:858c75;
text-decoration: underline;
text-transform: none;
}

s,strike {
font: normal 10px;
font-family: verdana;
text-transform: none;
color: a6ba71;
font-style: normal;
letter-spacing: 0px;
}

textarea.comment {
width:80%;
height:28px;
color:555a47;
background-color:f5f8ed;
border-style: solid;
border-color:555a47;
border-width: 1px;
font-family: verdana;
font-size: 10px;
line-height:10px;
}

input.comment {
width: 75px;
height: 20px;
color:555a47;
background-color:f5f8ed;
border-style: solid;
border-color:555a47;
border-width: 1px;
font-family: verdana;
font-size: 10px;
text-align: center;
padding-bottom: 5px;
font-weight: bold;
}

hr {
border-color:000000;
border-width: 1px;
border-style: dashed;
height:1px;
}

div.weightless{
top: 150px;
left: 52%;
width:690px;
height:1500px;
margin:0px;
margin-left:-374px;
overflow-x:hidden;
display:block;
z-index:1;
position: absolute;
background-image:url(http://cbimg6.com/layouts/09/01/33347ab.jpg);
background-color:transparent;
background-repeat:repeat-y;
background-position:top center;
}

div.banner{
top: 0px;
left: 0px;
width:684px;
height:348;
margin:0px;
padding: 0px;
visibility: visible;
overflow-x:hidden;
display:block;
z-index:1;
position: relative;
background-image: none;
background-color:transparent;
}

div.content{
top: 348px;
left: 220px;
position:absolute;
width: 455px;
height: auto;
padding: 0px;
z-index: 1;
overflow-x:hidden;
visibility:visible;
text-align:justify;
font-family: verdana;
font-size: 8pt;
color: 606650;
line-height:8pt;
background-color: ffffff;
}

div.modules{
top: 348px;
left: 10px;
position:absolute;
width: 200px;
height: auto;
padding: 0px;
z-index: 1;
overflow-x:hidden;
visibility:visible;
text-align:justify;
font-family: verdana;
font-size: 8pt;
color: B3A58A; 
background-image:none;
background-color:none;
line-height:8pt;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h3 class="header">wanderer</h1>
<p class="module">

<b>Name:</b> Name<br>
<b>Birthday:</b> MM/DD/YY<br>
<b>Age:</b> Age<br>
<b>Sex:</b> Male or Female<br>
<b>Interests:</b> Interests<br>

</p>

<br>

<h3 class="header">navigation</h1>
<p class="module">

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navilink">Friends</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="navilink">Comments</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navilink">Add Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX" class="navilink">Favorite</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0" class="navilink">Pictures</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navilink">Message</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navilink">Home</a>

</p>

<br>

<h3 class="header">the sky's limit</h1>
<p class="module">
<marquee behavior=scroll direction="up" scrollamount="1" width="165" height="200">

You can stick whatever you want in here. Quotes, lyrics, pictures, whatever. Have fun with it and be creative!

</marquee>
</p>

<br>

<h3 class="header">companions</h1>
<p class="module">

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>
<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navilink">Moogle</a>

</p>

<br>

<h3 class="header">melody</h1>
<p class="module">

Here you can put your music player. If you don't have one or don't want this module then please delete it. <br>

</p>

<br>

<h3 class="header">journey</h1>
<p class="module">

<a href="http://lifrasthir.createblog.com/" class="navilink">Lifrasthir</a>
<a href="http://tasare.createblog.com/" class="navilink">Stylesheet: Tasare</a>
<a href="http://puzzle.digital-distortia.com/" class="navilink">Textures and pattern</a>
<a href="http://gallery.digik.net" class="navilink">Image</a>

</p>

</div>

<H1>Journal of the Sojourner</H1>
<H2>guide of the valliant</H2>
<P><i>Oh, Gravity!<br>Why can't we seem to keep it together?<br>Sons of my enemies<br>Why can't we seem to keep it together?<br><br></i>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<BR><BR><B>Bold</B> <I>Italic</I><U>Underline</U> <S>Strike</S><br><br></P>

<H1>Comment Box</H1><H2>Comment</H2><br><br>
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="########"

type="hidden"><textarea name="f_comments" class="comment" style="overflow:auto;">Text here :D</textarea> 
<br> <input value="submit" class="comment" type="submit"></form></center>

<HR>

</div>
</div>