~D13 - css-blackandwhite

css-blackandwhite

Vista Previa:Link

Texto por encima de la pagina

<div id="topmenu">
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
<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>
</div>
<center>
<h1>Titulo de tu Web</h1>
</center>
<div id="wrapper">
<div id="topwrap">
<div id="topwl"></div>
<div id="topwc"></div>
<div id="topwr"></div>
</div>
<div id="mainw">
<div id="sidebar">
<h2>Menu</h2>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
<h2>Menu2</h2>
<ul>
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
</div>

Texto por debajo de la pagina

<div id="footer">
</div>
</div>
<div id="endwrap">
<div id="endwl">
</div>
<div id="endwc">
</div>
<div id="endwr">
</div>
</div>
</div>
<div id="end">copyright 20xx-2011 Tu Web, todos los derechos reservados
<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;position:relative;top:20px;}
#counter {display:none;}
* {
  margin: 0px;
  position: relative;
}
body h1 {
  margin-bottom: 10px;
}
#topmenu {
  background-color: black;
  color: white;
  height: 23px;
  position: relative;
  top:-106px;
}
#topmenu ul {
  padding: 0px;
  position: absolute;
  left: 0px;
}
#topmenu li {
  padding: 0px;
  display: inline;
  list-style-type: none;
}
#topmenu li a {
  color: white;
  padding-right: 5px;
  padding-left: 5px;
  text-decoration: none;
}
#topmenu li a:hover {
  text-decoration: underline;
}
#topmenu input {
  border: 1px solid white;
  padding-left: 5px;
  background-color: black;
  color: white;
  position: absolute;
  right: 5px;
}
#topmenu input:hover {
  border: 1px solid black;
  background-color: white;
  color: black;
}
#topwrap {
  height: 40px;
}
#topwl {
  background-image: url(https://img.webme.com/pic/d/darknet13/bnwtopl.png);
  background-repeat: no-repeat;
  font-size: 0px;
  height: 40px;
  width: 49px;
  float: left;
}
#topwc {
  float: left;
  height: 40px;
  width: 702px;
  background-color: black;
}
#topwr {
  background-image: url(https://img.webme.com/pic/d/darknet13/bnwtopr.png);
  background-repeat: no-repeat;
  float: left;
  width: 49px;
  height: 40px;
}
#wrapper {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}
#sidebar {
  float: left;
  width: 200px;
  color: white;
  min-height: 400px;
  text-align: center;
}
#sidebar li a {
  border-style: none;
  color: white;
  text-decoration: none;
  display: block;
}
#sidebar li a:hover {
  border-left: 10px solid black;
  border-right: 10px solid black;
  color: black;
  background-color: white;
}
#sidebar ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#sidebar li {
  list-style-type: none;
}
#sidebar li:hover {
}
#content {
  float: left;
  width: 545px;
  min-height: 400px;
  padding-right: 30px;
  padding-left: 5px;
}
#footer {
  clear: left;
  font-size: 0px;
}
#endwrap {
  height: 40px;
  padding-bottom: 21px;
}
#endwl {
  background-image: url(https://img.webme.com/pic/d/darknet13/bnwendl.png);
  background-repeat: no-repeat;
  width: 49px;
  height: 40px;
  float: left;
}
#endwc {
  height: 40px;
  background-color: black;
  float: left;
  width: 702px;
}
#endwr {
  float: left;
  width: 49px;
  height: 40px;
  background-image: url(https://img.webme.com/pic/d/darknet13/bnwendr.png);
  background-repeat: no-repeat;
}
#mainw {
  background-image: url(https://img.webme.com/pic/d/darknet13/bnwmainbg.jpg);
  background-position: center top;
}
#end {
  background-color: black;
  color: white;
  text-align: center;
  font-size: 14px;
  width: 100%;
  position: absolute;
  bottom: 0px;
}
#legal {
  position: absolute;
  right: 0px;
  bottom: 0px;
  top: 3px;
  font-size: 8px;
  color: white;
  text-decoration: none;
}
#legal a {
  color: white;
  text-decoration: none;
}
html {
  height: 100%;
  width: 100%;
}
body {
  font-family: Arial,Helvetica,sans-serif;
  color: black;
  font-size: 15px;
  position: relative;
  background-color: white;
}
html > body {
  height: auto;
  min-height: 100%;
}