Silent Hill layout!!!
Preview:
 and for the codes!
<!--++ §§.Silent heaven.§§ ++-->
</++.Silent Heaven.++/>
</Codings and Design©Yaoi4ever @Xanga[.]com/>
</Thanks to AncientWhisper@Xanga[.]com/>
<script type='text/javascript'>
document.title = ('//§§.Silent Heaven.§§'); </script>
<div align=left><div style="position:static; margin-left:-10px;margin-top: -15px; border: 0px solid #000000;background: none;">
<img src="http://img81.imageshack.us/img81/5760/silenthillnk7.jpg" galleryimg="no"></div>
<style type="text/css">
/* ++§§.Silent Heaven.§§++*/
/* Codes and Designs by Yaoi4ever (www.xanga.com/Yaoi4ever) */
/* Special Thanks to AncientWhisper@Xanga[.]com*/
body {
scrollbar-track-color: #133C4B NOTE PLEASE CHANGE SCROLLBAR COLORS;
scrollbar-face-color: #0B2F3D;
scrollbar-shadow-color: #001F32;
scrollbar-highlight-color: #171C1F;
scrollbar-darkshadow-color: #001F32;
scrollbar-arrow-color: #10323E;
background-image: url("http://img81.imageshack.us/img81/685/silenthillbgoa6.jpg");
background-position: left;
background-color: #This is your Background Color to the RIGHT of your Repeating Background;
background-repeat: repeat-y;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* this edits main text */
font: normal 10px Times New Roman;
line-height:15px;
color: #B7C4CA;
letter-spacing:0px;
text-align:left;
}
.blogbody b, .standard b, p b, strong {
/* this edits bolded text in your entry */
font-weight: bold;
color: #E1F4FB;
}
i, em {
/* this edits italic text in your entry */
font-weight: italic;
color: #0F1110;
}
u {
/*this edits underlined text in your entry */
text-decoration: underline;
color: #B7C4CA;
border-bottom-color: B7C4CA;
}
table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader{
/*this edits the dates */
border: 1px solid #010D11;
background-image: url("http://img215.imageshack.us/img215/16/gatesud4.jpg");
font: normal 18px Ducky;
color: #042532;
letter-spacing: 1px;
text-transform: none;
line-height: 15px;
text-align: right;
padding-right: 55px;
width: 350px;
border-bottom: 2px ridge 000000;
/*the above is a line below the dates to seperate the dates from the blogs. I suggest that if you want a border below the dates, remove the background. Then vice-versa. */
}
.Header {
/*this edits the module's headers */
background-image: url("http://img222.imageshack.us/img222/3280/crowscp7.jpg");
font: normal 14px Ducky;
color:042532;
letter-spacing: 2px;
text-transform: none;
line-height: 15px;
text-align: center;
padding-right: 1px;
border: 1px solid #000608;
padding:3;
width: 150px;
}
.Modules {
/*this edits the modules itself */
font: normal 10px verdana;
color:#042532;
width: 150px;
line-height:10px;
letter-spacing:0px;
text-align:left;
text-align:justify;
text-transform: none;
display:block;
border: 1px solid #00080B;
background-color: #0C2C39;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*this edits all links */
color:#B7C4CA;
font: normal 10px verdana;
line-height:10px;
}
a:visited, a.footernav:visited, {
/*this edits the links that the user has visited */
color:#B7C4CA;
font: normal 10px verdana;
line-height:10px;
}
a:hover {
/*this edits when user mouseovers the links */
color:#B7C4CA;
font: normal 10px verdana;
line-height:10px;
cursor: sw-resize;
}
input, select, textarea, .textfield, .button {
/*this this edits the buttons, dropdowns, darkplayers etc. */
border: 1px double #000000;
font: normal 10px verdana;
font-size: 10;
background-color: #ffffff;
letter-spacing:0px;
color: #000000;
}
table.blogbody {
width:350px;
background-image: url("");
background-color: #0C2C39;
background-repeat: no-repeat;
background-position: top;
border: 2px solid #00080B;
}
table.footer {display: none;}
/* do not mess with this */
.mainleft {
width: 0px;
padding: 1px;
}
hr {
/* this is the horizontal divider all the way on the bottom */
border: 1px solid #000000;
}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}
table.blogbody tr td {
/* this edits the left margin of blog.... do not edit*/
width:0px;
padding: 0px;
}
table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}
#nav a {
font: 9px times new roman;
border: 1px solid #B7C4CA;
height: 10px;
width:150px;
text-decoration: none;
color: #021E2C;
background-color: #8C989E;
text-align: left;
}
#nav a:hover {
color: #000000;
font: 9px times new roman;
width:150px;
border: 1px solid #B7C4CA;
background-color: #8C989E;
background-image: url("http://img215.imageshack.us/img215/7711/hauntedeyespn6.jpg");
background-position: right;
background-repeat: no-repeat;
text-align: left;
)
</style>
<div style="margin-left: 575px; margin-top: -175px; width: 155px; height: 2500px; overflow: visible;">
<div class="Header">Twisted Me</div>
<div class="modules">
<u>Name:</u>James<br>
<u>Alias:</u>?????<br>
<u>Origin:</u>?????<br>
<u>Lovation:</u> MD <br>
<u>age:</u>???<br>
<u>Sex:</u> male <br>
<u>Class:</u>????<br>
<u>Interest:</u>Finding MY wife<br>
<u>Hobbies:</u>????<br>
</div><br><br>
<div class="Header">Main</div>
<div class="modules">
<div id="nav">
<tr>
<td valign="top">
<A href="http://www.xanga.com/home.aspx?user=USERNAME">»»Silent Hill</A><br />
<A href="http://www.xanga.com/private/Subs.aspx">»»The Haunted</A><br />
<A href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME">»»Subscribe</A><br />
<A href="http://www.xanga.com/CLAF/default.asp">»»EDIT</A><br />
<A href="http://www.xanga.com/signin.asp">»»Enter Another Dimension</A><br />
<A href="http://www.xanga.com/private/">»»Private</A><br />
<A href="http://www.xanga.com/guestbook.asp?user=USERNAME">»»Book</A><br />
<A href="http://www.xanga.com/private/feedback.asp">»»Feedback</A><br />
<A
href="http://www.xanga.com/silentheaven">Credit For Brushes</a>, <a
href="http://www.xanga.com/Private/profilebasic.aspx">»»Account</a><br />
<A href="http://www.xanga.com/logout.asp">»»Leave it Be</A><br />
</td>
</tr>
</div>
</div>
<br><br>
<div class="Header">EXTRA</div>
<div class="modules">
<marquee behavior=scroll direction="up" scrollamount="1" width="150" height="200" onmouseover='this.stop()' onmouseout='this.start()'>
<p>
<b>EXTRA</b><br><br>
In My Restless Dreams, I see that Town....Silent Hill.
You Promised me you would take me there again someday...But
You never did. Well, I'm alone there now, in our special place,
waiting for you.
<b>-yaoi4ever</b>
</center>
</marquee>
</div><br><br>
<div class="Header">EXTRA!!</div>
<div class="Modules">
<p>
EXTRA!!!!
</div><br><br>
<div class="Header">The Tortured Souls</div>
<div class="modules">
<div id="nav">
<tr>
<td valign="top">
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
<A href="URL">LINK</a><br />
</div>
</div>
<br><br>
<div class="Header">CHATTERBOX</div>
<div class="modules">
CODE GOES HERE!!!!!
</div><br><br>
<div class="Header">Credits</div>
<div class="modules">
Credits:
<a href="http://www.xanga.com/home.aspx?user=Yaoi4ever">Yaoi4ever</a><br />
Special Thanks to:<a href="http://www.xanga.com/AncientWhisper">AngelxWings
</a><br />
</div><br><br>
</div>
<//* the below area edits where you BLOG aligns *//>
<DIV style="position:static;
margin-top: -2555px;
margin-left: 10px;
width: 400px;
height: 100%;
BACKGROUND-COLOR: transparent;
border: 0px solid #ffffff;"> | 
