LIBERATED (light)

Designer's Comments

Look carefully for specific instructions

The inverted version of "darkness." Personally I think this version looks better. :-D

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

Further instructions are listed on the preview, so pay attention to those.

Works in Firefox and Internet Explorer.

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

.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;
}
table tr td div font {
display: none;
}
body div table td form {
display:none!important;
}
table, td, tr {
background-color:transparent;
}

body div td div div select {
width:0px!important;
}
tr td div select {
display:none!important;position:relative!important; left:-5000px;
}

BODY{
background-color:000000;
background-image: url(none);
overflow-x: hidden;
margin: 0px;
scrollbar-FACE-color:000000;
scrollbar-BASE-color:000000;
scrollbar-TRACK-color:000000;
scrollbar-HIGHLIGHT-color:FFFFFF;
scrollbar-3DLIGHT-color:989898;
scrollbar-SHADOW-color:FFFFFF;
scrollbar-DARKSHADOW-color:989898;
scrollbar-ARROW-color:9DF3F3;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
}

a:link, a:active, a:visited{
color: 989898;
text-decoration: none;
border-bottom-style: dotted;
border-bottom-color:A3F4F4;
border-bottom-width: 1px;
text-transform:none;
font-family: palatino linotype, palatino;
font-size: 8pt;
letter-spacing: 1px;
padding-right: 2px;
padding-left: 2px;
font-weight: normal;
}

a:hover{
cursor: default;
color: 989898;
text-decoration: none;
border-bottom-style: solid;
border-bottom-color:A3F4F4;
border-bottom-width: 2px;
text-transform:none;
font-family: palatino linotype, palatino;
font-size: 8pt;
letter-spacing: 1px;
padding-right: 2px;
padding-left: 2px;
font-weight: bold;
}

A.nav:link, A.nav:visited, A.nav:active
{ display: block;
width:auto;
height: 12pt;
line-height: 12pt;
padding-left: 4px;
padding-right: 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: times new roman, times;
letter-spacing: 2px;
font-size: 10px;
color: 828282;
margin: 0px;
background-color:transparent;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974aa.jpg);
background-repeat:no-repeat;
background-position:center center;
border:none;
}

A.nav:hover {
cursor: move;
display: block;
width:auto;
height: 12pt;
line-height: 12pt;
padding-left: 4px;
padding-right: 4px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: times new roman, times;
letter-spacing: 2px;
font-size: 10px;
color: 000000;
margin: 0px;
background-color:transparent;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ab.jpg);
background-repeat:no-repeat;
background-position:center center;
border:none;
}

H1{
width: auto;
height: 25px;
background-color: FFFFFF;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ac.jpg);
background-position:bottom right;
background-repeat:no-repeat;
font-size: 16px;
color:426E6F;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
font-family: Palatino Linotype, Palatino;
text-align: right;
padding-left:5px;
padding-right:5px;
margin-top:0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
border:none;
}
h1:FIRST-LETTER {
font-size: 18px;
color:000000;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 1px;
font-family: Palatino Linotype, Palatino;
}

H2{
width: auto;
height: 22px;
background-color: FFFFFF;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ad.jpg);
background-position:bottom right;
background-repeat:no-repeat;
font-size: 13px;
color:426E6F;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
font-family: Palatino Linotype, Palatino;
text-align: left;
padding-left:5px;
padding-right:5px;
margin-top: 25px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
border:none;
}
h2:FIRST-LETTER {
font-size: 15px;
color:000000;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2px;
font-family: Palatino Linotype, Palatino;
}

div.rightcontent P{
text-align: justify;
padding: 4px;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
margin-top:2px;
margin-bottom:20px;}

div.leftcontent P{
text-align: justify;
padding: 4px;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
margin-top:0px;
margin-bottom:0px;}

b, strong {
color: 000000;
font-weight: bold;
font-family: times;
letter-spacing:0px;
font-size: 8pt;
text-decoration: none;
text-transform: uppercase;
}

i, em {
color: 9DF3F3;
letter-spacing: 1px;
font-family: verdana;
font-size: 8pt;
text-transform:none;
font-style:italic;
font-weight: normal;
}

u {
color: 6E9898;
text-decoration: none;
letter-spacing: 2px;
font-size: 8pt;
font-family: Palatino Linotype, Palatino;
text-transform: none;
font-variant: small-caps;
font-style: normal;
padding-bottom: 0px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:989898;
height: 6pt;
}

s,strike {
color: B7B7B7;
text-decoration: line-through;
letter-spacing: 1px;
font-weight:bold;
font-size: 8pt;
font-family: verdana;
text-transform: none;
}

textarea.comment {
width:158px;
height:82px;
padding: 4px;
color:000000;
background-color:828282;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974ae.jpg);
border:none;
font-family: verdana;
font-size: 10px;
line-height:10px;
text-align:left;
}

input.comment {
background-color: FFFFFF;
color:828282;
border:none;
font-family: times new roman, times;
font-size: 12px;
text-align: center;
text-transform:uppercase;
}

hr {
border-color:A3F4F4;
border-width: 1px;
border-style: dotted;
height: 1px;
}

div.light{
top: 50px;
left: 50%;
width:750px;
height:1500px;
margin:0px;
margin-left:-374px;
overflow-x:hidden;
display:block;
z-index:1;
position: absolute;
background-image:url(http://cbimg9.com/layouts/08/04/19/26974af.jpg);
background-color:transparent;
background-repeat:repeat-y;
background-position:top center;
}

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

div.leftcontent{
top: 596px;
left: 80px;
width:180px;
height:auto;
padding: 0px;
visibility: visible;
overflow-x:hidden;
z-index:1;
position: absolute;
background-image:none;
background-color: none;
text-align:justify;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
}

div.rightcontent{
top: 401px;
left: 270px;
width:400px;
height:auto;
padding: 0px;
visibility: visible;
overflow-x:hidden;
z-index:1;
position: absolute;
background-image:none;
background-color: FFFFFF;
text-align:justify;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 626262;
line-height:12pt;
}

</STYLE>

Layout Code

Copy and paste to I'd Like to Meet

Help

<H2>Navigation</h2>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">Friends</A>

<A HREF="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">Comments</A>

<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX" class="nav">Favorite</A>

<A HREF="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX&albumId=0" class="nav">Pictures</A>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message</A>

<H2>Friends</H2>
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">Friend</A>
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">Friend</A>
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">Friend</A>
<A HREF="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="nav">Friend</A>

<H2>External Links</H2>
<a href="http://www.tasare.createblog.com" class="nav" target=_blank>CreateBlog</A>
<a href="http://www.xanga.com/Elegant_Dream" class="nav" target=_blank>Xanga</A>
<a href="http://elegant-dream.deviantart.com/" class="nav" target=_blank>deviantART</A>

<H2>Credits</H2>
<p>Layout by: <A HREF="http://tasare.createblog.com/">Tasare</A>
<BR>Resources: {<A HREF="http://missm.paperlilies.com/index.html">X</A>} {<A

HREF="http://deviantales.deviantart.com/">X</A>} {<A HREF="http://www.kyuusho.net/">X</A>}</p>

</div><div class=rightcontent>

<H1>Instructions</H1>
<P>Before applying this layout to your site, search through the layout codes (the part within "I'd like to Meet") and replace <B>########</B> with <B>your ID number</B>.   Likewise, replace <I>XXXXXXXX</I> with <I>your friends' ID numbers</I> or simply replace the urls with the adresses of your friends' sites.  You can also change the word "Friend" to the name of the person or site that you are linking to.</p>

<P><U>H1</U> tags are for the large headers used within <U>this content area</U> (where I'm typing right now).  <I>H2</I> tags are the headers for the <I>left content area</I> (where the navigational links are).  The comment box can be moved to the left content area, if you would rather have it there.  <B>Do not remove or alter the credits section!!</B></P>

<P>If you run out of typing space and some of your content becomes hidden under the bottom of the page, run a search (Ctrl+f or Command+f) through the style sheet (About Me) for <U>height:1500px;</U>.  Add to the number to increase the height of your page.  You can also decrease the number if your site shows too much empty space.</P>

<P>The myspace music player is <s>hidden</s>.  If you really must have it display on your page, there are scripts on <A HREF="http://www.createblog.com/">CreateBlog</A> that will make your player visible.  However, I recommend embedding an mp3 player from an external site (not myspace).  That way you can easily insert it wherever you please within the content areas (like right here).</P>

<H1>Profile</H1>
<P>
<U>Name:</U> Joanna
<BR><BR>
<U>Cyber Alias:</U> Tasare Salquendor
<BR><BR>
<U>Occupations:</U> Sign/graphic artist
<BR><BR>
<U>Favorable Passtimes:</U> Spending long hours in front of the computer editing images in Photoshop and creating web layouts; reading (fantasy in particular); daydreaming; horse-back riding; playing RPGs on PS2; watching <i>Ghost Hunters</I> with my parents; goofing off with my cousins and all my wonderful family/ friends; hanging out with the Miller family! (They are all so cool!)
</P>

<H1>Comment</H1>
<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;">comment me?</textarea> 
<br> <input value="submit" class="comment" type="submit"></form></center>

<HR>

</div>
</div>

Layout Comments

Showing latest 10 of 35 comments

I love it :D By chance, will this work for 2.0?

By AnnoyingTiger888 on Jan 13, 2010 4:01 am

the navigation bar at the top still shows for mine too >.<

and like on the sides you can see my old layout and like yeah

help? please!!!!!?

By leann1617 on Oct 27, 2008 9:52 pm

The Navigation still shows up in the back I wonder If you could help

By DevinFF on Jul 13, 2008 10:57 pm

i put ##### for my id and xxxxxx for friend id, but it just the picture on my profile.... not even a background yet, help mee

By khanhle1995 on Jul 8, 2008 3:35 pm

Wow, this is really nice! :D

By dreamgurl36 on Jul 4, 2008 7:00 am

I'm having a little trouble with this code, only because the navigation bar at the top isn't fully covered and I was wondering how to cover it up, and possibly the advert at the top.

here's a picture of what it looks like right now:
http://img.photobucket.c om/albums/v221/kurai666/jikljk jl.png

By Kurrr on Jun 24, 2008 6:57 pm

ooh nice. i like this one better. it seems similar to other layouts that my friends have made in CB that is. the font, structure, brushwork, they all seem so similar. i wished you would've came up with something a bit more special and different from others.

By twodreamlovers on May 5, 2008 10:43 pm

just wonderin but how come the comment box doesnt work for my page even if i put in my friend ID

By iinflu3nce on Apr 29, 2008 3:41 pm

what do the letters in the background say?

By karencabluestar37 on Apr 26, 2008 7:41 pm

i like this! i like the darkness one better though!

By xXJenWearsPradaXx on Apr 26, 2008 4:27 pm

View all »

Layout Details

Designer	Tasare
Submitted on	Apr 19, 2008
Page views	50,587
Favorites	478
Comments	35
Reviewer	pandora
Approved on	Apr 19, 2008

LIBERATED (light)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates