Charade of Purity

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Do not remove the credits or claim as yours.

Best viewed in IE, not tested in Mozilla Firefox.

Layout Code

Copy and paste to Template HTML

Help

<HTML>
<head>
<title>Charade of Purity</title>

<STYLE type="text/css">
body { 
margin: 0px;
padding: 0px;
background: url('http://cbimg9.com/layouts/08/06/28713ab.jpg') repeat-y;
background-color: #d0e2f7;
font-size: 11px;
color: #7acef6;
scrollbar-face-color: #d0e2f7; 
scrollbar-track-color:  #d0e2f7; 
scrollbar-arrow-color:  #61aae0; 
scrollbar-highlight-color: #d0e2f7; 
scrollbar-3dlight-color: #61aae0; 
scrollbar-shadow-color: #d0e2f7; 
scrollbar-darkshadow-color: #d0e2f7; 
}

div,body {
font: 8pt trebuchet ms;
color: #7acef6;
line-height: 9pt;
}

#content {
position: absolute;
width: 480px;
top: 475px;
left: 48px; 
}

#content h1 {
color: #4dacd9;
font-family: times new roman;
font-size: 13px;
text-align: left;
font-weight: bold;
letter-spacing: 0px;
padding-top: 5px;
padding-bottom: 0px;
margin-bottom: 10px;
margin-top: 0px;
padding-right:5px;
text-transform: normal;
border-bottom: none;
}

#content h1:first-letter{
font-size: 17px;
color: #385f82;
text-align: justify;
text-transform; lowercase;
font-family: Georgia;
font-weight: bold;
font-style: italic;
}

#content a:visited {
color: #638aac;
font-family: times new roman;
font-size: 9pt
text-decoration: none;
font-weight: none;
}

#content a:active {
color: #638aac;
font-family: times new roman;
text-decoration: none;
font-weight: normal;
}

#content a:link {
color: #638aac;
font-family: times new roman;
text-decoration: none;
font-weight: none;
}

#content a:hover {
color: #7fa1bf;
font-family: times new roman;
text-decoration: none;
font-weight: normal;
}

#navigation {
position: absolute;
width: 205px;
top: 475px;
left: 539px;
text-align: center;
}

#navigation h2 {
color: #4dacd9;
font-family: Times New Roman;
font-size: 12px;
text-align: center;
font-weight: bold;
letter-spacing: 0px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
margin-top: 5px;
padding-left: 0px;
text-transform: normal;
border-bottom: none;
}

#navigation h2:first-letter{
font-size: 15px;
color: #385f82;
text-align: justify;
text-transform; lowercase;
font-family: Georgia;
font-weight: bold;
font-style: italic;
}

#navigation a:visited {
color: #638aac;
font-family: times new roman;
text-decoration: none;
font-weight: normal;
}

#navigation a:active {
color: #638aac;
font-family: times new roman;
text-decoration: none;
font-weight: normal;
}

#navigation a:link {
color: #638aac;
font-family: times new roman;
text-decoration: none;
font-weight: normal;
}

#navigation a:hover {
color: #7fa1bf;
font-family: times new roman;
text-decoration: none;
font-weight: none;
}

b  {
font-family: times new roman;
font-size: 9px;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: bold;
background-color: #none;
color: #376788;
}

s {
font-family: georgia;
font-size: 10px;
font-variant: none;
letter-spacing: 0px;
color: #43b2e6;
}

i {
color: #65b0e3;
}

u {
font-family: trebuchet ms;
font-size: 9px;
font-variant: none;
letter-spacing: 0px;
background-color: #none;
color: #afc0cc;
}

textarea { 
background-color: transparent;
color: #7fa1bf;
border: #afc0cc solid;
font-family: verdana;
font-size: 10px;
text-transform: none; 
width: 150px;
height: 50px;
margin: 5 0 0 0;
}

hr {
background-color: #add9f7;
border: 0px;
color: #add9f7;
height: 1px;
text-align: center;
width: 200px;
}

</style>
</head>

<div id="navigation">
<h2>Profile</h2>
Name: Charade of Purity<br>
Made to use on June 20, 2008<p>

<h2>Links</h2>
<a href="http://linkhere.com">Link Here</a><br>
<a href="http://linkhere.com">Link Here</a><br>
<a href="http://linkhere.com">Link Here</a><br>
<a href="http://linkhere.com">Link Here</a>
<p>

<h2>C-Box</h2>
This is the c-box special place, if you do not want/have one then just use it as something else. <p>
<i>Width should not exceed 203px!</i> <p>

<h2>Layout Credit</h2>
Layout designed and coded by <A href="http://amaranthine.belle-noir.net" target="_blank">Ariel @ Amaranthine</a><br>
Content (c) YOURNAME 
<p>
</div>

<div id="content"> 
<h1>Blatant Pretense</h1>
Another old version of <b>Veiled-Purity</b>. This was actually the first version and the only anime homepage I have ever used. It's sloppy but useable. 
<p><hr><p>
Resources are from <i>aethereality</i> | <i>dafont</i> | <i>deviantart</i>
<p>
<h1>How To</h1>
<b>To Use:</b> Copy the entire code below to your quizilla/website editor. Save the images and upload them yourself if you want to. You can change the header titles, site links, the content, and where it says YOURNAME in the Credit section. All the rest, the codes and credits stay exactly the same thank you. <p>
<h1>Others</h1>
<i>Italics</i><br>
<b>Bold</b><br>
<u>Underline</u><br>
<s>Strikethrough</s><br>
<a href="http://amaranthine.belle-noir.net">Link</a><p>