My Surrender

Designer's Comments

Look carefully for specific instructions

Final Fantasy VI's Terra Branford ~ My Surrender

Everything you need to edit is in your About Me section.
1. Replace XXXXXXXX with your ID#.
2. Use [div with class title] to create the pink text as seen here as "jaded".
3. In order to make the information box (with "Name: Your Full Name"), locate the second div in the About Me section. Use h5 to create each line. It's best to put only few words within each [h5] instead of a paragraph.
4. PLEASE do NOT remove credits or any links associated with it.

Everything in the "I'd Like To Meet" section are CSS codes. Do Not Mess With Them.

Enjoy! Creator's Myspace: myspace.com/ancientwhisper

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 style="top: 0px; width: 202px; position: absolute; margin-top: 530px; _margin-top: 530px; margin-left:516px; _margin-left:516px;">
<div class="modules">
<h5>N a m e: Your Full Name Here</h5><br />
<h5>Date of Birth: XX/XX/XX</h5><br />
<h5>Gender: Male/Female</h5><br />
<h5>Status: Single/Taken</h5><br />
<h5>Contact: E-mail or IM</h5><br />
</div>
</div>

<center>
<div style="position: relative; left: 202px; margin-top: -700px; width: 100%;">
<a href="http://www.myspace.com/" class="navigation"> h o m e</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navigation"> a d d</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navigation"> message</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="navigation"> comment</a> <br />
<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigation"> b l o c k</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navigation"> pictures</a>
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ListAllCustom&friendId=XXXXXXXX&swapped=true" class="navigation"> b l o g</a>
<a href="http://www.myspace.com/AncientWhisper" class="navigation"> creator</a>
<br />

<div class="title">jaded</div>
<p class="content">
My Surrender features Terra Branford from Final Fantasy VI (FFIII for U.S. release). However, I chose not to make her background the primary focus so the layout wouldn't be all too "nerdy" or suitable for only gamers. Throughout the game, Terra Branford had questioned about the existence of life and what love was. Although I despise love layouts (much like, I don't like the fluffy concept of it), I gave in and designed this layout to be based on love and the complications of believing it. Perhaps we can care for others but because of the vulnerability of the emotion, one can argue that love is an exposed weakness. A person either remains in denial of the daunting human nature, or surrender to the truth of one's heart. Hence, this layout was named "My surrender." </p>

<p class="content">For this layout, I based it on one of my artwork of Terra Branford. The picture you see to the right of this layout was personally hand-drawn and colored by me. The original version of this artwork is available to the public at deviantArt.com. You can check the picture by clicking the following link: <a href="http://ancientwhisper.deviantart.com/art/Fear-of-Manipulation-Terra-125828850">CLICK HERE TO SEE THE ORIGINAL PIECE</a>. The details were reduced as I worked more on the layout, but I had no other choice. I specifically created a texture to match her clothes' pattern and color variation. So aside from the downloaded fonts used for the layout, everything was constructed by scratch. Typically, I like the layout. I do not mean to make it into a masochistic theme (afterall, Terra really isn't masochistic). I just love the art piece because I succeeded in making it seem masochistic but yet somewhat alluring.</p>

<p class="content">You can delete the music player here which features "Gentle" by the pianist, Isaac Shepard. The music cannot be heard in the preview version of this layout.

<blockquote>"
You're the closest to heaven that I'll ever be,<br />
And I don't want to go home right now." <br /> <span style="float:right;"> <i>-Goo Goo Dolls (Iris)</i></span></blockquote><br />

</p>
<div class="title">buried</div>
<b>Bold</b>, <i>Italic</i>, <u>Underline</u>, <s>Strike-out</s>... <br /><br />

<p class="content">
As a closing, I hope you enjoy the layout. I recommend one to keep the information bar to the right as simplistic as possible with one line of text for information. Please do not alter my design from the layout. Most importantly, do 
not remove the credits or alter them in any way. Thank you!
</p>
<br />
</div>
</div>
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

.redlink, .orangetext15, .btext {
COLOR: FFFFFF;
FONT-SIZE: 1;
}

div div table td td font {visibility: hidden;}

b, strong, .btext {
  font: tahoma, arial;  
  color: AA6455; 
  text-align: justify;
  font-weight: bold;
  }
i, em, .itext  {
  font-family: tahoma, arial; 
  font-size: 11px;
  color: 414523;
  text-align: justify;
  }

u{
  font-family: tahoma, arial; 
  font-size: 11px;
  color: 864758;
  text-align: justify;
  }

s, .stext, .sbtext, .swtext {
  font-family: tahoma, arial; 
  font-size: 11px;
  color: CD4B51;
  text-align: justify;
  }
a, a:link
{FONT: tahoma, arial;
COLOR:864758; 
TEXT-DECORATION: none
text-spacing: 2px;
text-transform: lowercase;

}

a:active {FONT: tahoma, arial;
COLOR:2B565B; 
TEXT-DECORATION: none
Letter-spacing: 0px;
text-transform: uppercase;
}

a:visited{FONT: tahoma, arial; 
COLOR:864758; 
TEXT-DECORATION: none;
Letter-spacing: 0px;
}

a:hover {FONT: tahoma, arial; 
COLOR: AA4633; 
Letter-spacing: 0px;
}

img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1); border: 1;}

li, h1, .redtext, font, .navbar, .lightbluetext8, .blacktext12, .label, .whitetext12, .orangetext12, .nametext{font: 0px arial; letter-spacing: 0px; text-align: justify; display: none; }

.blacktext10 {FONT: 11px arial; color:FFFFFF; letter-spacing: 0px; text-align: justify; display:block;}

.header {
font-weight: normal; font-size: 9; padding-bottom: 2pt; padding-top: 0pt; COLOR: 000000; border-bottom:000000 0px solid; font-family: arial; text-decoration: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.nametext {display: none !important;}

.blurbs td td .orangetext15, td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext, text {display:none !important; color: transparent;}

.footwarpper {display: none;}

.profileInfo { display:none; }

td div a.text{left: 50%; margin-left: -460px; visibility:visible; font-size:5px;  a.hover-size:5px; font-spacing:-2px;}

table, tr, td {background-color: transparent;}
.contactTable {display:none;}
table.userProfileURL{display:none;}

.friendsComments {display:none;}
.footwrapper (display: none; visibility: none; }

</style>

blockquote {
overflow:visible;
margin-top: 15px 106px 15px 106px;
padding: 5px 5px 5px 5px;
text-align:center;
background-color:1F0101;
border-right:10px double; 
border-color:550E0F;
font-family: times new roman;
font-size: 8pt;
color: 781421;
line-height: 20px;
letter-spacing: 1px;
font-style: italic;
}

a.navigation{
font: 11px tahoma, arial;
font-weight: bold;
text-spacing: 2px;
text-transform: lowercase;
color: 8B3B1C;
height: 15px;
width:75px;
border-right: 5px solid;
border-bottom: 2px solid;
border-color: 550E0F;
text-align: center;
background-color: 240002;
display:table-cell;
}

a.navigation:visited  {
font: 11px tahoma, arial;
font-weight: bold;
text-spacing: 2px;
text-transform: lowercase;
color: 8B3B1C;
height: 15px;
width:75px;
border-right: 5px solid;
border-bottom: 2px solid;
border-color: 550E0F;
text-align: center;
background-color: 240002;
display:table-cell;
}

a.navigation:hover {
font: 11px tahoma, arial;
font-weight: 900;
color: E1CEC4;
height: 15px;
width:75px;
text-align: center;
background-color: 550E0F;
display:table-cell;
text-spacing: 3px;
text-transform: uppercase;
border-right: 5px solid;
border-bottom: 2px solid;
border-color: 550E0F;
}

div.title
{
font-family: Georgia, Times New Roman;
font-size: 20pt;
color: B8474E;
position: relative;
font-style: italic;
text-transform: lowercase;
line-height:28px;
width: 100%;
letter-spacing: 2px;
text-align: left;
}

div.content
{
 font-family: tahoma, arial; 
font-size: 8pt; 
color:C58263; 
display:block; 
overflow:auto; 
text-align:justify; 
}

p, table, tr, td, th, div{
border: 0px;
FONT: 11px tahoma, arial; 
COLOR: 7F4F1C; 
LETTER-SPACING: 0px; 
TEXT-ALIGN: justify;
}

div.modules
{
 font-family: Tahoma, arial; 
font-size: 11px; 
color:C58263; 
display:block; 
overflow:auto; 
text-align:justify; 
}

h5
{
 font-family: Georgia, Times New Roman; 
line-height: 20px;
font-weight: normal;
font-style: italic;
color:1F0002; 
display:block; 
overflow:auto; 
text-align:justify; 
background: 
url(http://cbimg6.com/layouts/09/07/35339ad.png);
background-repeat: no-repeat;
padding: 2px;
}

table,td,tr,{padding:0px; width:; background-color:transparent; color: transparent;}

</style>