At Forest's Edge Layout

Designer's Comments

Look carefully for specific instructions

Write about yourself in indicated section of About Me and add any links you'd like to the navigation div. Do not edit in any other section. The background was made from stock images and fanart. The cartoon at the top is a Draco/Hermione cartoon.

The quotes read, from left to right:
"I'm scared... will you lead me there?"
"For a moment, just a moment, the world went quiet..."
"To the forest's edge... I'll follow you... I'll come for you..."

All quotes come from the Dramione fanfiction story, At Forest's Edge, by NeuroticMuse413.

PLEASE COMMENT WITH LINK TO YOUR MYSPACE IF YOU USE. I ask for it in case there's a problem with your code. You can look me up on myspace.com/castlefarrow anytime with questions.

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 class="navigation">
<a href=http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=FRIENDID>Add Me</a><br><br>
<a href=http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=FRIENDID>Send Message</a><br><br>
<a href=http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=FRIENDID>Comment</a><br><br>
<a href=http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=FRIENDID>My Pictures</a><br><br>
<a href=http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=FRIENDID>View Friends</a><br><br>
<a href=http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=FRIENDID>View Comments</a><br><br>
</div>

<div class="about_me">
WRITE ABOUT YOURSELF HERE!!! Pictures and videos must not exceed 260 pixels in width. This space will expand so keep it sweet and short and remember to space your paragraphs for optimum coolness. ^_^<br><br>NOTICE!!! If you have a large Book, Interests, Music, Movies or TV section, you might consider erasing those or your page will have ugly empty space at the bottom. I simply save them in individual Word Documents so I don't have to retype them later. Hope that helps! Please contact me at www.myspace.com/castlefarrow or on CreateBlog if you have any more questions.
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

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

a img {border:none;}

input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:arial !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:white!important; font-size:9pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {
display:none;visibility:hidden; }
a {color:white!important; font-size:9pt !important;text-decoration:none !important; text-transform:none !important; font-weight:bold !important; font-style:normal !important;font-family:arial;}
a:hover {color:white!important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}

.hidethem {visibility:hidden; display:none;}

.navbar {display:none;padding:0px;visibility:hidden;}

.contactTable {display:none;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table {width:450px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:220px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}

embed, object {display:block; width:250px; height:200px;}
.orangetext15, .blacktext10 {
display:block; width:110px; font-size:6pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}

.a {hide both columns}
table table table {visibility:hidden;}
.a {unhide right column}
td.text table {visibility:visible;}
.a {hide URL label}
td td td td td div {background-color:transparent;}
td td td td td div strong {visibility:hidden;}
.a {hide blogs and extended network}
td.text table {visibility:hidden;}
td.text table table, td.text table table td.text {visibility:visible;}
.a {hide about me/meet labels}
.orangetext15 {display:none;}
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a {hide bottom links}
a.text, table div font a, table div div {visibility:hidden;}
table table div div {visibility:visible;}
.a { unhide edit link and submit button }
td td td td td div {display:block !important;}
.a { unhide EDIT PAGE buttons }
body div td td {visibility:visible;}
.a {fix border around signout links}
div table {background-color:transparent;}
.a {hide top links}
div td font {visibility:hidden;}
.a {unhide navigation bar}
.navbar {visibility:visible;}

.hlx3 {position:absolute; left:50%;
top:0px; margin-left:-525px;
width:1050px;height:813px;
border:none; background-color:black; color:black;padding:0px;}
a.viewpics:link {color:ffffff;}
a.viewpics {color:ffffff;}
a.viewpics:active {color:ffffff;}
a.viewpics:visited {color:ffffff;}
a.viewpics:hover {color:ffffff;}

body, textarea, div {
scrollbar-face-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;}

.navigation { position:absolute; left:264px; top:416px; width:113px; height:398px; background-color:transparent; overflow:none; }
.about_me { position:absolute; left:509px; top:350px; width:273px; height:465px; background-color:transparent; overflow:none; }

.farrow { position:absolute; left:0px; top:0px; width:1050px; height:813px; background-image:url(http://cbimg9.com/layouts/08/08/30119aa.jpg); overflow:none; }
</style></td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>