Unwritten

Designer's Comments

Look carefully for specific instructions

Made by Jolien (xJoliien on createblog).
Credit to my createblog-profile, or to my website, http://www.alavigne.nl.
This is only my 2nd layout that i've posted, so i would like it if you wil comment it.

Layout Code

Copy and paste to Template HTML

Help

<html>

<head>
<style>body         {background-image: url(http://cbimg9.com/layouts/08/11/32700ab.png); background-repeat: repeat-repeat; 
               background-color: 7b6573; cursor: normal; font-family: 
               verdana; color: #d3c7c0; font-size: 11px; text-align: left; 
               padding-left: 5px; padding-right: 10px; padding-top: 0px; 
               padding-bottom: 3px }
scrollbar-arrow-color: #9f9f9f; 
scrollbar-darkshadow-color: #9f9f9f; 
scrollbar-track-color: #9f9f9f; 
scrollbar-face-color: #eddbc1; 
scrollbar-shadow-color: #9f9f9f; 
scrollbar-highlight-color: #9f9f9f; 
scrollbar-3dlight-color: #9f9f9f; }

i{ color: #e4cece;}
em { color:  #d3c7c0;}
u { color: #5e2424;}
strong{ color:  #d3c7c0;}
b { color: #84727b;}
s{ color: #b9a89d;}
strike{ color: #d3c7c0;}

a:link,a:visited,a:active { color: #84727b; text-decoration: none; border-bottom: 0px dotted #9f9f9f; border-color:000000;}
a:hover { color: #5e2424; text-decoration: none; border-bottom: 1px dotted #ffffff; padding-left: 0px; font-weight: normal; border-color:000000;}

a.nav:link, a.nav:visited, a.nav:active {
   background-color:D6CCC8;
   color:5e2424;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left: 10px solid; 
   border-bottom: 1px solid; 
   border-color:5e2424;
   font:18px, "georgia", sans-serif;
   line-height: 19px;
   letter-spacing: -2px;
   text-transform: uppercase;
   font-weight: bold;}

a.nav:hover {
   background-color: d3c7c0;
   color:5e2424;
   display: block;
   width: 175px;
   list-style-type: none;
   border-left:10px solid; 
   border-bottom: 1px solid; 
   border-color:7a3a3a;
   font:18px, "georgia", sans-serif;
   line-height: 19px;
   letter-spacing: -2px;
   text-transform: uppercase;
   font-weight: bold;}
   
.nav:hover{font-family:times; font-size:16px; border-bottom: 0px; font-style: italic; color:d3c7c0; padding-left: 3px; background-color: #5e2424;text-decoration: none;}

.nav2{ font-family: verdana; padding-left: 3px; color: 84727b; text-decoration: none; text-weight; bold;}

.nav2:hover{font-family:times; font-size:13px; border-bottom: 0px; font-style: italic; color:d3c7c0; padding-left: 3px; background-color: transparent;text-decoration: none;}

img a:link,a:visited,a:active { color: #84727b; font-weight: none; text-decoration: none; border-bottom: 0px dotted #9f9f9f; border-color:000000;}
img a:hover { color: #5e2424; text-decoration: none; border-bottom: 0px;  padding-left: 5px; font-weight: normal; border-color:000000;}

.header      { color: #e4d4ca; font-size: 13px; font-family: Times; letter-spacing: 2px; 
               text-align: left; font-weight: bold; background-color: 
               transparent; 
               border-bottom: 1px solid #5e2424; padding-left: 10px; text-transform: uppercase; 
               padding-right: 3px; padding-top: 0px; padding-bottom: 1px }
               
.header1      { color: #e4d4ca; font-size: 13px; font-family: Times; letter-spacing: 2px; 
               text-align: left; font-weight: bold; background-color: 
               transparent; text-align:right;
               border-bottom: 1px solid #5e2424; padding-left: 3px; text-transform: uppercase; 
               padding-right: 10px; padding-top: 0px; padding-bottom: 1px }
tekst {
		color: #555555;
		font-family: verdana;
		font-weight: bold;

div {
		color: #e8e1dc;
		font-family: verdana;
		font-size: 11px;
		text-align: left;
		padding-right: 30px;
		padding-left: 5px;
		padding-top: 0px;
		padding-bottom: 3px;
		background-color: transparent;
 }
</style>
</head>

<body>
<div id="panel" style=" position: absolute; left:0; top:0; width:200;">
<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 7px; COLOR:#444444 ; FONT-FAMILY:small fonts ; LETTER-SPACING: 0px; TEXT-TRANSFORM: uppercase">Layout by <a href="http://xJoliien.createblog.com" style="color:444444">xJoliien</a><br></FONT></div>

<img src="http://cbimg9.com/layouts/08/11/32700aa.png" width="702" height="1250" style="position: absolute; top:0; left:150;">
<div id="panel" style=" position: absolute; left:625; top:550; text-align:right; width:200;">
<div class="header1">Navigation.</div><br>
<a href="link" class="nav">Link 1</a>
<a href="link" class="nav">Link 2</a>
<a href="link" class="nav">Link 3</a>
<a href="link" class="nav">Link 4</a>
<a href="link" class="nav">Link 5</a><br>

<div class="header1">Affiliates.</div><center>
<a href="http://www.alavigne.nl" class="nav2">Http://</a>alavigne.nl<br>
<a href="put here the url of the website" class="nav2">Http://</a>website-name<br>
<a href="put here the url of the website" class="nav2">Http://</a>website-name<br>
<a href="put here the url of the website" class="nav2">Http://</a>website-name<br>
<a href="put here the url of the website" class="nav2">Http://</a>website-name<br><br></center>
<div class="header1">Sitestats.</div>
Put here some information about your website.
Like when you started it, who's the owner.
Just some interessting information, the statics of your website.

<div id="panel" style=" position: absolute; left:165; top:550; width:370">
<div class="header">Headertext.</div>
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.
This is where you can put some text.This is where you can put some text.This is where you can put some text.<br><br>

<div class="header">Style.</div>
The different styles for this layout.<br>
Style of the header can you see on the text "Headertext.", the text "Style." and on the headers in the menu.<br><br>
<b>Bold</b><br>
<u>Underlined</u><br>
<s>Striked</s><br>
<i>Italic</i><br>
<a href="link">Link</a><br>

</html>