~D13 - css-flower1

css-flower1

Vista Previa:Link

Texto por encima de la pagina

<div id="wrapper">
<div id="top"><br>
</div>
<div id="main">
<div id="header">
<h1>Nombre de la Web</h1>
<h3>Subtitulo de la web</h3>
</div>

Texto por debajo de la pagina

<div id="sidebar">
<h2>Busqueda</h2>
<form method="get" action="https://www.google.com/search"> <input name="q" style="width: 250px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;padding-left:5px;" placeholder="Buscar en el sitio..." type="text"><input style="visibility: hidden;" name="sitesearch" value="darknet13.es.tl" checked="checked" type="radio"></form>
<br>
<h2>Menu</h2>
<ul class="menu">
  <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>
<br>
<h2>Publicidad</h2>
<a href="#" target="_blank"><img src="https://img.webme.com/pic/p/pruebas-d13/flower1-ads.png"></a>
<a href="#" target="_blank"><img src="https://img.webme.com/pic/p/pruebas-d13/flower1-ads.png"></a>
<a href="#" target="_blank"><img src="https://img.webme.com/pic/p/pruebas-d13/flower1-ads.png"></a>
<a href="#" target="_blank"><img src="https://img.webme.com/pic/p/pruebas-d13/flower1-ads.png"></a><br>
<h2>Categorias</h2>
<ul class="category">
  <li><a href="sin tÃtulo.html#">categoria1</a></li>
  <li><a href="sin tÃtulo.html#">categoria2</a></li>
  <li><a href="sin tÃtulo.html#">categoria3</a></li>
  <li><a href="sin tÃtulo.html#">categoria4</a></li>
  <li><a href="sin tÃtulo.html#">categoria5</a></li>
</ul>
<br>
<h2>Tags</h2>
<a href="#" target="_blank"><small>html</small></a> <a href="#" target="_blank"><big><big><big>css</big></big></big></a> <a href="#" target="_blank"><big>templates</big></a> <big><a href="#" target="_blank"><big>diseños</big></a> <a href="#" target="_blank"><big>contenidos</big></a></big><a href="#" target="_blank"><small><small>random</small></small></a> <a href="#" target="_blank"><big><big>estilos</big></big></a> <a href="#" target="_blank"><small>en</small></a> <a href="#" target="_blank"><small><small>cascada</small></small></a><a href="#" target="_blank"><big>busqueda</big></a> <a href="#" target="_blank"><big><big>google</big></big></a> <a href="#" target="_blank"><big><big>indexar</big></big></a> <a href="#" target="_blank"><small>w3c</small></a><br>
</div>
<div id="footer">2011© <a href="#">Tu Web</a> Todos los derechos
reservados<br>
</div>
</div>
<div id="bottom">Diseño por <a target="_blank" 

href="https://darknet13.es.tl">~D13</a><br>
</div>
</div>

CSS Code sin Style tags

/*Imagen del encabezado: YARB (yet another rose background) por Robin Liang 
bajo la licencia  CC by-SA http://creativecommons.org/licenses/by-sa/3.0/deed.es*/ 
table[height ="102"] {margin-left:auto;margin-right:auto;z-index:1000;}
#header_container {display: none;}
#nav_container {display: none;}
h2#title {display: none}
#sidebar_container{display: none;}
* {
  margin: 0px;
}
a {
  font-size: 15px;
  color: #993399;
}
a img {
  border-style: none;
}
body {
  background-color: #fce6c6;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 15px;
}
#wrapper {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}
#top {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/flower1-top1.png);
  height: 27px;
  background-repeat: no-repeat;
  background-position: left top;
}
#main {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/flower1-bg1.png);
  background-repeat: repeat-y;
}
#header {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/flower1-header.jpg);
  height: 200px;
  background-position: right top;
  margin-bottom: 20px;
}
#header h1 {
  color: white;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 30px;
  padding-top: 50px;
  padding-left: 10px;
}
#header h3 {
  color: white;
  font-family: "Times New Roman",Times,serif;
  font-style: italic;
  font-size: 20px;
  padding-left: 50px;
}
#content {
  width: 655px;
  float: left;
  padding-left: 20px;
  padding-right: 5px;
}
#sidebar {
  width: 275px;
  float: left;
  padding-right: 20px;
  padding-left: 5px;
}
#sidebar h2 {
  font-size: 19px;
  font-family: "Courier New",Courier,monospace;
}
#footer {
  clear: left;
  text-align: center;
}
#footer a {
  text-decoration: none;
  color:black;
}
#bottom {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/flower1-btm1.png);
  height: 28px;
  background-repeat: no-repeat;
  font-size: 8px;
  text-align: right;
  padding-right: 20px;
  background-position: left bottom;
}
#bottom a {
  font-size: 8px;
  text-decoration: none;
  color: black;
}
.menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: inline;
}
.menu li {
  margin: 0px;
  padding: 0px;
}
.menu li a {
  display: block;
  padding-left: 15px;
  color: black;
}
.category {
  margin: 0px;
  padding: 0px;
  display: inline;
  list-style-type: none;
}
.category li {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: black;
  font-size: 15px;
}
.category li a {
  border-bottom: 2px dotted silver;
  color: black;
  text-decoration: none;
  padding-left: 15px;
  display: block;
  font-size: 15px;
}