Hey, Nana

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

Compatible with Mozilla Firefox, IE...

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

.header{
font: normal 10pt arial;
font-variant: small-caps;
color: #999999;
text-align: center;
background-color: #102F36;
line-height: 15px;
}

.content{
background-color: #D4DEDE;
padding-left: 2px;
padding-right: 2px;
border-left: 1px solid #102F36;
border-right: 1px solid #102F36;
border-bottom: 10px solid #102F36;
}

i {
color: #839DA3;
}

b,strong {
color: #2C6470
}

u {
color: #4E7372;
text-decoration: none;
border-bottom: 1px dashed #4E7372;
}

a:link, a:active, a:visited {
font-size: 9pt;
font-variant: small-caps;
color: #4E7372;
border-bottom: 1px dashed #4E7372;
text-decoration: none;
}

a:hover {
color: #7C3C34;
border-bottom: 1px dashed #8B6670;
text-decoration: none;
}

blockquote {
font: normal 8pt tahoma;
letter-spacing: 1px;
border-left: 15px solid #184751;
padding-left: 2px;
}

button, select, textarea, input {
font: normal 8pt tahoma;
letter-spacing: 1px;
color: #999999;
background-color: #000000;
border: 1px solid #000000;
}
</style>

<html>
<head>
<title>HEY, NANA // even now I keep calling you like this...</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#CCD4D6" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" align="center" width="584" height="600" border="0" cellpadding="0" cellspacing="0" style="background-image: url('http://cbimg6.com/layouts/09/06/34769af.jpg'); background-repeat: repeat-y; background-position: center;">
<tfoot><tr><td colspan="4"><img src="http://cbimg6.com/layouts/09/06/34769aa.jpg" width="584" height="289" alt=""></td>
</tr></tfoot>
<tr><td colspan="4"><img src="http://cbimg6.com/layouts/09/06/34769ab.gif" width="584" height="229" alt=""></td>
</tr>
<tr><td colspan="4"><img src="http://cbimg6.com/layouts/09/06/34769ac.gif" width="584" height="229" alt=""></td>
</tr>
<tr><td><img src="http://cbimg6.com/layouts/09/06/34769ad.gif" width="36" height="142" alt=""></td>
<td width="368" height="142" valign="top" style="background-image: url('http://i290.photobucket.com/albums/ll273/MidnightxAurora/index_04-1.gif'); background-repeat: repeat-y;">
<br>

<div class="header">Header text</div>
<div class="content">
This is normal text.<br>
<i>This is talic text.</i><br>
<b>This is bolded text.</b><br>
<u>This is nderline text.</u><br>
<a href="">This is linked text</a><br>

<blockquote>This is just a blockquote. To get a blockquote copy the text in the textarea.</blockquote>
<br>
<textarea><blockquote>text here</blockquote></textarea>
<br>

</div><br>

<div class="header">How to Install</div>
<div class="content">
Caution: basic HTML knowledge needed<br>
01. Open up the index.html.<br>
02. Edit it to anyhow you like and then save changes.<br>
03. Duplicate if you want more .html files and repeat 02.<br>
04. Upload the files including the images with the folder to your directory.<br>
05. Done. Visit your own page to make sure they are working.<br>
</div><br>

<div class="header">F.A.Q</div>
<div class="content">
01. There is something wrong with the layouts, it is not working!<br>
- Use Mozilla Firefox (or IE) to view the page. If it still doesn't work, please contact the designer.<br>
<br>
02. I don't like how the layout turns out, but I like the header... can I change the css?<br>
- Sure. But make sure you only change the style sheet css, nothing more.<br>
</div><br>

<br><br>
</td>
<td width="148" height="142" valign="top" style="background-image: url('http://i290.photobucket.com/albums/ll273/MidnightxAurora/index_05-1.gif'); background-repeat: repeat-y; padding-left: 4px;">

<div class="header">Credits</div>
<div class="content">
Site content by YOUR NAME.

Layout designed by <a href="http://junko.faded-chimera.net/">Junko</a>. Images provided by <a href="http://digik.net/gallery">Digik Gallery</a>. Characters by Ai Yazawa from the series, Nana. 
</div>
</div>