shadow brown

Brown Shadow

Codigo por encima del diseño:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>BrownShadow</title> <FCK:meta http-equiv="Content-Language" content="English"  /> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  /> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> </head> <body>  <div id="wrap">  <div id="top"> </div>  <div id="header"> <h1><a href="#" _fcksavedurl="#">Website Title</a></h1> <h2>Subheader, website description H2</h2> </div>  <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Photos</a></li> <li><a href="#" _fcksavedurl="#">Links</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Free Stuff</a></li> <li><a href="#" _fcksavedurl="#">Downloads</a></li> <li><a href="#" _fcksavedurl="#">Products</a></li> <li><a href="#" _fcksavedurl="#">SiteMap</a></li> </ul> </div>  <div id="content"> <div class="left">  <h2><a href="#" _fcksavedurl="#">License and terms of use</a></h2>

Texto por debajo de la página

</div>   <div class="right">   <h2>Categories :</h2> <ul> <li><a href="Link" _fcksavedurl="Link">World Politics</a></li>  <li><a href="Link" _fcksavedurl="Link">Europe Sport</a></li>  <li><a href="Link" _fcksavedurl="Link">Networking</a></li>  <li><a href="Link" _fcksavedurl="Link">Nature - Africa</a></li> <li><a href="Link" _fcksavedurl="Link">SuperCool</a></li>  <li><a href="Link" _fcksavedurl="Link">Last Category</a></li> </ul>  <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">January 2007</a></li>  <li><a href="#" _fcksavedurl="#">February 2007</a></li>  <li><a href="#" _fcksavedurl="#">March 2007</a></li>  <li><a href="#" _fcksavedurl="#">April 2007</a></li> <li><a href="#" _fcksavedurl="#">May 2007</a></li>  <li><a href="#" _fcksavedurl="#">June 2007</a></li>  <li><a href="#" _fcksavedurl="#">July 2007</a></li>  <li><a href="#" _fcksavedurl="#">August 2007</a></li>  <li><a href="#" _fcksavedurl="#">September 2007</a></li> <li><a href="#" _fcksavedurl="#">October 2007</a></li> <li><a href="#" _fcksavedurl="#">November 2007</a></li> <li><a href="#" _fcksavedurl="#">December 2007</a></li> </ul>  </div> <div style="clear: both;"> </div> </div>  <div id="bottom"> </div> <div id="footer">   <a href="www.proxat.es.tl" _fcksavedurl="www.proxat.es.tl"> </a>Copyright su web 2014<a href="http://www.mirincondepwg.es.tl" _fcksavedurl="http://www.mirincondepwg.es.tl">Adaptado por MiRinconDePWG</a> </div>

CSS-Code sin Style Tags

* {     padding: 0;     margin: 0; }   body { background: #4c320d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #333333;; }  img { border: none; } a { color: #4c320d;  } a:hover { text-decoration: none; color : #000; }  #wrap { margin: 20px auto; width: 800px; }  #header {  background: #4c320d url(https://img.webme.com/pic/m/mirincondepwg/header.jpg) no-repeat; height: 100px; } #header h1 { font-size: 26px; font-weight: 100; letter-spacing: -1px; padding: 22px 0 5px 20px; } #header h1 a { color: #fff; text-decoration: none; } #header h1 a:hover { color: #111; text-decoration: none; } #header h2 { color: #ccc; font-size: 15px; font-weight: 100; padding: 0 0 0 21px; letter-spacing: -1px; line-height: 12px; }  #menu { height: 30px; line-height: 30px; background: #4c320d url(https://img.webme.com/pic/m/mirincondepwg/menu.jpg) no-repeat; } #menu ul { padding-left: 10px; list-style-type: none; } #menu ul li { display: block; float: left; } #menu ul li a { color: #eee; padding: 0 10px; text-decoration: none; font-weight: 600; } #menu ul li a:hover { color: #fff; text-decoration: underline; }  #content { background: #4c320d url(https://img.webme.com/pic/m/mirincondepwg/content.jpg ) repeat-y; padding: 10px 20px; }  .left { width: 588px; float: left; text-align: justify; } .left h2 { color: #FF4800; font-size: 24px; letter-spacing: -3px; font-weight: 100; padding : 10px 0 15px 0; }  .right { width: 140px; float: right; font-size: 12px; } .right ul { list-style-type: square; padding: 5px 10px 10px 20px; } .right h2 { height: 30px; font-size: 12px; color: #666; line-height: 30px; } .right a { text-decoration: none }  #top { background: #555 url(https://img.webme.com/pic/m/mirincondepwg/top.jpg) no-repeat; padding: 5px 0; } #bottom { background: #555 url(https://img.webme.com/pic/m/mirincondepwg/bottom.jpg) no-repeat; padding: 10px 0; }  #footer { text-align: center; color: #eee; font-size: 11px; padding: 0 0 10px 0; } #footer a { color: #eee; }

MRPWG

Un poco de todo

Mi Rincon De PWG

shadow brown

Brown Shadow

Mirincondepwg