Hannabeth;

Designer's Comments

Look carefully for specific instructions

This layout is ONE OF A FEW. I like making layouts with images instead of shapes (:

CREDIT
Images | Brushes

SPECIAL THANKS
to sammytheheadbutt for her help with general aesthetics.

LIKE THIS?
WEBSITE | MYSPACE

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

{Background}
body {
 background-color: f0ebe2;
background-image:url(http://cbimg9.com/layouts/08/12/33012aa.png);
	background-position:top left;
	background-repeat:repeat-y;
 scrollbar-arrow-color:0b929a;
 scrollbar-face-color:f0ebe2;
 scrollbar-3dlight-color: f0ebe2;
 scrollbar-darkshadow-color:f0ebe2;
 scrollbar-shadow-color: f0ebe2;
 scrollbar-highlight-color: f0ebe2;
 scrollbar-track-color:f0ebe2;
 cursor: default;}

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

{Side Links}
.side a:link, a:active,
{background-color:f0ebe2;
width:284;
font-family:century gothic;
font-size:10px;
text-transform: none;
color:000000;
text-decoration:none;
text-align:center;
height:15px;
line-height:15px;
border-color: 000000;
border-width: 0px;
display: block;}

.side a:visited,
{background-color:f0ebe2;
width:284;
font-family:century gothic;
font-size:10px;
text-transform: none;
color:000000;
text-decoration:none;
text-align:center;
height:15px;
line-height:15px;
border: 1px solid; 
border-color: 000000;
border-width: 0px;
display: block;}

.side a:hover
{background-color:f0ebe2;
background:url("http://cbimg9.com/layouts/08/12/33012ab.png");
width:284;
font-family:century gothic;
font-size:10px;
text-transform: none;
color:000000;
text-decoration:none;
text-align:center;
height:15px;
line-height:15px;
border-color: 000000;
border-width: 0px;
display: block;}

{Links}
a:link, a.man{font-family:century gothic; 
font-size:9px; 
color:000000; 
font-weight:none;
border:0px;
letter-spacing:1px;}
  
a:active{font-family:century gothic; 
font-size:9px; 
color:000000; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
  
a:visited{font-family:century gothic; 
font-size:9px; 
color:000000; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
 
a:hover{font-family:century gothic; 
font-size:9px; 
color:05beb0; 
font-weight:none;
border:0px; 
text-transform:none; 
text-decoration:none;
letter-spacing:1px;}

{Main Text}
body,table, td, li, p, div, textarea  
{font:normal 11px century gothic; 
color:000000; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing: 0px;}

{Basic Text}
.text {font:normal 11px century gothic; 
color:000000; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing:0px;}

{BOLD}
.standard b, p b, B, strong {
font-family:century gothic; 
font-size:11px; 
color:0b929a; 
font-weight:bold; 
border:0px; 
text-transform:none; 
letter-spacing:-1px;}

{UNDERLINE}
u, s, .stext, .sbtext, .swtext {
font-family: century gothic; 
font-size: 11px;
color: 000000;
text-transform:none;}

{ITALICS}
i, em, .itext  {
font-family: century gothic; 
font-size: 11px;
color: f0162f;
letter-spacing:1px;}

{BIG}
big, .bigtext {
font-family: century gothic;
font-size: 14px;
color: 05beb0;
text-transform:none;}

{HEADERLEFT}
h1 {
font-family:century gothic;
text-transform:none;
font-size:10px;
line-height:20px;
color:000000;
letter-spacing:2px;
background-color:666666;
background:url("http://cbimg9.com/layouts/08/12/33012ac.png");
text-align: left;
font-weight:bold;
border:0px;
width:284;
}

{HEADERRIGHT}
h2 {
font-family:century gothic;
text-transform:none;
font-size:10px;
line-height:20px;
color:000000;
letter-spacing:2px;
background-color:666666;
background:url("http://cbimg9.com/layouts/08/12/33012ad.png");
text-align: left;
font-weight:bold;
border:0px;
width:351;
}

{CODES}
.a {hide top search bar}
div div select, div div form {display:none !important;}
body div td div div select {position:absolute!important;top:-1030px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}
td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}
table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}
table div {display:none;}
table table div, div table div {display:block;}

{HIDE}
.friendsComments {display:none;}
.friendspace{display:none}
.latestBlogEntry {display:none;}
.extendedNetwork {display:none;}

{CODES}
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; }
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
.comments{visibility:visible;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:0px;}
td.text td.text img {
width: 90px !important;}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
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
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:10pt;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>Move Around</h1>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a><br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a><br>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewprofile_commentform&friendid=XXXXXXXX">Comment</a><br>
<br>

<h1>The Basics</h1><br>

<img src="http://cbimg9.com/layouts/08/12/33012af.png" align="left"><b>Name</b> Your Name<Br>
<b>Age</b> Years Old<br>
<b>Gender</b> G/B<br>
<b>Location</b> Place<br>
<b>Band</b> Music<br>
<b>Colour</b> Nice colours<br>
<b>Person</b> HannaBeth<br>
<br><br><br><br><br>

<a href="http://www.lastsunrise.net">LSL.net</a><br>
<a href="http://http://hannabeth-fan.net/">Images</a><Br>

</div>

<h2>About Me</h2>

<b>Hanna</b> <i>Beth</i> <u>is</u> <big>stunning</big>.<br><br>
I found some really cool pictures on hannabeth-fan.net and ended up moving from graphics to layout. It took me absolutly <b>ages</b> to cut out her from the
images and then to blend them together in some places and GAHH, it was not fun. Well it was. Thereputic actually. <i>I'm not sure</i> if I like the overall 
outcome. I liked the colours and the images, so I went for it, and went a bit crazy. Like the other layout I did on the same day, I wasn't sure about the 
content sections, but I didn't do much to them this time. I tried to keep editing the images to a minimum as the rest of the layout was so <u>gah</u>, so
you can't actually tell that I did a lot of work, unless you see the final images. I have all sorts of selective colouring and curves and colour balance and 
fills going on. It's ker-azy.<Br>
Feel free to remove the credit in the left column, and any other pointless links there are. Just please don't remove the credit on the image.

<h2>Layout Information</h2>

Write all your interests/bands/heroes/films here.<br>
You can change all headers and put in as many as you like.<br>
This layout will scroll forever, but if you put too much in it may just look a bit stupid (;<br>
Remember to replace all the XXXXXXXX with your friend ID.<br><br>

<h2>Likes</h2>
I like bands and films and singers and television.<br>
I like my friends who are amazing.<br>
I like chocolate and cake and stuff.<Br>
I like <a href="http://www.lastsunrise.net">lastsunrise.net</a> because they have kick ass layouts.<Br><br>

</div>