LIBERATED (darkness)

Designer's Comments

Look carefully for specific instructions

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:FFFFFF;
background-image: url(none);
overflow-x: hidden;
margin: 0px;
scrollbar-FACE-color:FFFFFF;
scrollbar-BASE-color:FFFFFF;
scrollbar-TRACK-color:FFFFFF;
scrollbar-HIGHLIGHT-color:000000;
scrollbar-3DLIGHT-color:676767;
scrollbar-SHADOW-color:000000;
scrollbar-DARKSHADOW-color:676767;
scrollbar-ARROW-color:620C0C;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 9D9D9D;
line-height:12pt;
}

a:link, a:active, a:visited{
color: 676767;
text-decoration: none;
border-bottom-style: dotted;
border-bottom-color:5C0B0B;
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: 676767;
text-decoration: none;
border-bottom-style: solid;
border-bottom-color:5C0B0B;
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: 7D7D7D;
margin: 0px;
background-color:transparent;
background-image:url(http://cbimg9.com/layouts/08/04/19/26973aa.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: FFFFFF;
margin: 0px;
background-color:transparent;
background-image:url(http://cbimg9.com/layouts/08/04/19/26973ab.jpg);
background-repeat:no-repeat;
background-position:center center;
border:none;
}

H1{
width: auto;
height: 25px;
background-color: 000000;
background-image:url(http://cbimg9.com/layouts/08/04/19/26973ac.jpg);
background-position:bottom right;
background-repeat:no-repeat;
font-size: 16px;
color:BD9190;
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:FFFFFF;
font-weight: bold;
font-variant: small-caps;
letter-spacing: 1px;
font-family: Palatino Linotype, Palatino;
}

H2{
width: auto;
height: 22px;
background-color: 000000;
background-image:url(http://cbimg9.com/layouts/08/04/19/26973ad.jpg);
background-position:bottom right;
background-repeat:no-repeat;
font-size: 13px;
color:BD9190;
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:FFFFFF;
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: 9D9D9D;
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: 9D9D9D;
line-height:12pt;
margin-top:0px;
margin-bottom:0px;}

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

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

u {
color: 916767;
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:676767;
height: 6pt;
}

s,strike {
color: 484848;
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:ffffff;
background-color:7d7d7d;
background-image:url(http://cbimg9.com/layouts/08/04/19/26973ae.jpg);
border:none;
font-family: verdana;
font-size: 10px;
line-height:10px;
text-align:left;
}

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

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

div.darkness{
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/26973af.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: 9D9D9D;
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:000000;
text-align:justify;
font-family: palatino linotype, palatino;
font-size: 8pt;
color: 9D9D9D;
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 25 comments

This is a lovely layout. Great job!

By CandyPop on Apr 3, 2009 6:46 pm

i loooooooove this layout soo much. Do you think you could make me a layout of oli sykes? I'd send you the pictures you'd need. pleeeeaaaase?

By -SilentAffliction- on Mar 27, 2009 5:33 pm

I reaaaally love this layout.
I'm currently trying to coordinate a MyFlashFetish player with the colors, & I was wondering if you could tell me what's the Hex code for the italics? I can't seem to find the exact same color. [/OCD]

By Vomicide on Dec 21, 2008 6:09 pm

It's ahmazing. Very unique. It seems to just draw you in. Idk. I love it. very nice.

-DH

By xDarkHope on Aug 8, 2008 8:27 pm

I totally love your layout!!! It´s amazing! I wonder if you could do me a favor... Would you?

By IconQueen on Jul 24, 2008 8:17 am

an absolutely beautiful layout! but im having trouble hiding the navigation bar at the top. you can still see just the home button. can anyone help?

By dirthead101 on Jul 13, 2008 12:36 pm

very nice layout, but you have no link to the blog? can you give me a code for it? the best i can do with this layout is what youve already given instructions to do eheh :sweat:

By Martyrdom on May 20, 2008 6:17 pm

umm, i love this layout and have been using it for like, a long time, but do you know 2 of your graphics are missing?

By francie4life on May 15, 2008 12:40 am

lovelovelovelove~

By clearchrysolite on Apr 29, 2008 3:06 pm

Oo I love this.
Your tattoo/tribal designs are amazing.

Both versions of this are great, though I prefer this one. =]

By SkeleBoy on Apr 25, 2008 4:37 pm

View all »

Layout Details

Designer	Tasare
Submitted on	Apr 19, 2008
Page views	42,385
Favorites	432
Comments	25
Reviewer	pandora
Approved on	Apr 19, 2008

LIBERATED (darkness)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates