Dark Forest

Designer's Comments

Look carefully for specific instructions

Layout image and coding © v-smash.com
If you use this layout DO NOT remove the credits !

Enjoy :)

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Dark Forest|||V-SMASH.com</title>
  <meta http-equiv="Content-Type"
 content="text/html; charset=iso-8859-1">
  <style type="text/css">

body { ;
	text-align: justify;
	font-size: 11px;
	line-height: 13px;
	color: #e2e2e2;
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
}

h1 {
font-family: Verdana;
color: #000;
line-height: 16px;
font-variant:small-caps;
font-size: 14px;
text-align: left;
letter-spacing: -1;
background-image: url();
background-repeat: no-repeat;
background-color: #D4B57F;
background-position: top right;
padding: 0px 0px 0px 2px;
margin: 3px;

}
ul { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #c677ce;
background-color: transparent;

}

#content {
width: 360px;
background-color: #383C25;
background-image: url(http://cbimg6.com/layouts/09/10/35856ab.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
line-height:16px;
flost: left;
text-align: right;
border-left: 3px #7C4E1D;solid;
padding: 0px 2px 0px 2px;
color: #ffffff;
}
#sidebar {
width: 180px;
background-color: transparent;
font-size:16px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #9d9d9d;
}
#sidebar2 {
width: 180px;
background-color: #f3f3f3;
background-image: url(http://cbimg6.com/layouts/09/10/35856ab.png);
background-repeat: no-repeat;
background-position: bottom right;
font-size:11px;
font-family: arial;
margin: 0px;
line-height:16px;
text-align: left;
padding: 0px 0px 0px 0px;
color: #797a7b;
}
#sidebar2 a, #sidebar2 a:link, #sidebar2 a:active, #sidebar2 a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #2B5271;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#sidebar2 a:hover, #sidebar2 a:focus {
color:#0A0C0B;
cursor: default;
background-color: #DDDDDD;
text-decoration: none;
font-style: none;
}
#content a, #content a:link, #content a:active, #content a:visited { color:#dc0064;
font-size:10px;
font-family:georgia;
line-height:11px;
text-align: left;
letter-spacing: none;
text-decoration: none;
color: #020202;
font-style: normal;
padding: 0px 1px 0px 1px;
}
#content a:hover, #content a:focus {
color:#E13E1B;
cursor: default;
text-decoration: none;
font-style: none;
}
.inhaltetable { width:100%;
background: transparent;
}
::-moz-selection {
background:#ffd3e1;
color:#e01555;
}
textarea { border: 1px solid #e4d2a0;
background-color: #D6D6D6;
width: 250px;
height: 200px;
font-family: georgia;
font-size: 10px;
line-height: 11px;
color: #e6e5e3;
}
input { border: 1px solid #ffffff;
background-color: #D6D6D6;
font-size: 10px;
font-family: georgia;
line-height: 11px;
color: #e6e5e3;
}
b, strong { color: #43191A; font-weight: bold; }

}

i, em { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #639268;
font-style: italic;
}
u { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #6d3f5a;
}
s, stroke { font-family: arial;
font-size: 10px;
line-height: 11px;
color: #33214B;
text-decoration: line-through;
} blockquote {
margin: 15px;
padding: 15px;
background-color: #43191A;
border-left: 3px solid #43191A;
border-right: 3px solid #fff;
}
blockquote:before {
font-family: georgia;
color: #000000;
content: open-quote;
font-weight: bold;
font-size: 15pt;
padding: 0px 2px 0px 2px;
}
#header2 {
width: 781px;
height: 740px;
float: left;

}
  </style>
</head>
</style>
</head>

<head>
<title>twilightj</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<img src="http://cbimg6.com/layouts/09/10/35856aa.jpg" width="781" height="740" border="0" alt="" usemap="#twilightj_Map">
<map name="twilightj_Map">
<area shape="poly" alt="" coords="197,332, 197,338, 259,338, 249,331" href="http://v-smash.com/">
<area shape="rect" alt="" coords="209,438,249,452" href="#">
<area shape="rect" alt="" coords="203,418,248,430" href="#">
<area shape="rect" alt="" coords="197,397,248,409" href="#">
<area shape="rect" alt="" coords="209,376,249,386" href="#">
</map>

</body>
</html>

</div>
<div id="content" style="position: absolute; z-index: 3; text-align: left; width: 420px; left: 20px; top: 510px">

<h1>Title</h1>

<b>Bold</b> <i>italic</i> <s>strike</s> <u>underline</u>

<blockquote> Bllockquote </blockquote>

<input> input </input/>

</p>
</div>

Layout Comments

Showing latest 4 of 4 comments

Love the frames.

By futura on Oct 29, 2009 12:07 am

I really like the layout colors.

By tokyo-rose on Oct 27, 2009 4:18 pm

The lines are a bit awkward but it still looks great.

By Mickey on Oct 24, 2009 9:09 am

Wow,this pretty!
GOOD JOB :)

By Snaily on Oct 21, 2009 9:01 pm

Layout Details

Designer	v-smash
Submitted on	Oct 21, 2009
Page views	7,835
Favorites	19
Comments	4
Reviewer	Mike
Approved on	Oct 21, 2009

Dark Forest

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates