~D13 - css-greenthing

css-greenthing

Vista Previa:Link

Texto por encima de la pagina

<div id="wrapper">
<div id="overtop"><br>
</div>
<div id="topmenu">
<ul>
  <li><a href="#">Menu1</a></li>
  <hr>
  <li><a href="#">Menu2</a></li>
  <hr>
  <li><a href="#">Menu3</a></li>
  <hr>
  <li><a href="#">Menu4</a></li>
  <hr>
  <li><a href="#">Menu5</a></li>
</ul>
</div>
<div id="main">

Texto por debajo de la pagina

<div id="aside">
<h2>Busqueda</h2>
<form method="get" action="http://www.google.com/search"> <input name="q" placeholder="Buscar en el sitio..." type="text"><input style="visibility: hidden;" name="sitesearch" value="AQUI VA LA URL DE TU PAGINA sin http y/o www" checked="checked" type="radio"></form>
<h2>Menu</h2>
<ul>
  <li><a href="#">Menu1</a></li>
  <li><a href="#">Menu2</a></li>
  <li><a href="#">Menu3</a></li>
  <li><a href="#">Menu4</a></li>
  <li><a href="#">Menu5</a></li>
</ul>
<h2>Contenido</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum.</p></div>
<div style="clear: left; font-size: 0px;"><br>
</div>
</div>
<div id="footer">©20xx-2011 Tu Web. Todos los derechos reservador
</div>
</div>
<br>
<br>
<ul class="feet">
  <li><a href="#">Menu1</a></li>
  <hr>
  <li><a href="#">Menu2</a></li>
  <hr>
  <li><a href="#">Menu3</a></li>
  <hr>
  <li><a href="#">Menu4</a></li>
  <hr>
  <li><a href="#">Menu5</a></li>
</ul>
<br>
<div id="end">Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.<br>
<div id="legal">Diseño por <a href="http://darknet13.es.tl" target="_blank">~D13</a></div>
</div>

CSS Code sin Style Tags

a img {border: 0px;}
#header_container {display: none;}
#nav_container {display: none;}
#sidebar_container{display:none;}
h2#title {display: none;}
table[height ="102"] {margin-right:auto;margin-left:auto;}
#counter {display:none;}
* {
  margin: 0px;
}
body {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  font-family: Arial,Helvetica,sans-serif;
  background-image: url(https://img.webme.com/pic/d/darknet13/greentbg.jpg);
  background-position:  center center;
  background-repeat: repeat;
  background-attachment: fixed;
}
#wrapper {
  width: 989px;
  margin-right: auto;
  margin-left: auto;
}
#overtop {
  font-size: 0px;
  background-image: url(https://img.webme.com/pic/d/darknet13/greenttop.png);
  height: 41px;
  background-repeat: no-repeat;
  background-position: center bottom;
}
#topmenu {
  background-image: url(https://img.webme.com/pic/d/darknet13/greentmenutop.png);
  background-repeat: no-repeat;
  background-position:  center center;
  min-height: 110px;
}
#main {
  background-image: url(https://img.webme.com/pic/d/darknet13/greentmid.png);
  background-repeat: repeat-y;
  background-position: center top;
}
#footer {
  background-image: url(https://img.webme.com/pic/d/darknet13/greentend.png);
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 46px;
  text-align: center;
  font-size: 14px;
  clear: left;
}
#content {
  float: left;
  width: 570px;
  margin-left: 78px;
  margin-right: 10px;
}
#aside {
  float: left;
  width: 250px;
}
#aside input {
  width: 242px;
}
#topmenu li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: inline;
}
#topmenu ul {
  margin: 0px;
  padding: 45px 0px 0px;
  font-size: 20px;
  font-family: "Courier New",Courier,monospace;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
#topmenu li a {
  margin: 0px;
  padding: 0px 4px;
  text-decoration: none;
  color: #006600;
}
#topmenu ul hr {
  border-style: solid;
  border-color: #009900;
  display: inline;
}
#topmenu li a:hover {
  text-decoration: underline;
}
#aside h2 {
  font-family: "Times New Roman",Times,serif;
  font-size: 24px;
  text-align: center;
}
.feet {
  padding: 0px;
  font-weight: bold;
  font-family: "Courier New",Courier,monospace;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
}
.feet li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: inline;
}
.feet li a {
  margin: 0px 2px;
  padding: 6px 4px;
  text-decoration: none;
  color: black;
  font-weight: normal;
}
.feet hr {
  border: 1px solid black;
  display: inline;
  width: 1px;
  height: 1px;
}
.feet li a:hover {
  font-weight: bold;
}
#end {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  text-align: center;
}
#legal {
  position: absolute;
  bottom: -20px;
  right: 0px;
  font-size: 9px;
  font-family: Arial,Helvetica,sans-serif;
}
#legal a {
  color: black;
  text-decoration: none;
}
#aside p {
  text-align: justify;
}
#aside ul {
  padding: 0px;
  list-style-type: none;
}
#aside ul li {
  list-style-type: none;
}
#aside ul li a {
  list-style-type: disc;
  display: list-item;
  margin-left: 14px;
  color: #33cc00;
  text-decoration: none;
  font-weight: bold;
}
#aside li a:hover {
  font-weight: normal;
  list-style-type: circle;
}