~D13 - css-lilblog

css-lilblog

Vista Previa:Link

Texto por encima de la pagina

<div id="contenedor">
<div id="sidebar1">
<div id="menuup">Menu1
</div>
<div id="menumid">
<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>
</div>
<div id="separador">
</div>
<div id="menuup">Menu2
</div>
<div id="menumid">
<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>
</div>
<div id="separador">
</div>
<div id="menuup">Menu3
</div>
<div id="menumid">
<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>
</div>
<div id="separador">
</div>
</div>
<div id="contenido">
<div id="contup">lil' blog
</div>

Texto por debajo de la pagina

</div>
<div id="sidebar2">
<div id="menuup">Lorem1<br>
</div>
<div style="border-left: 3px solid #000099;
border-right: 3px solid #000099;
border-bottom: 7px groove #000099;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
background-color: white;
padding-top: 1px; padding-left:3px;
">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. 
</div>
<div id="separador">
</div>
<div id="menuup">Lorem2
</div>
<div style="border-left: 3px solid #000099;
border-right: 3px solid #000099;
border-bottom: 7px groove #000099;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
background-color: white;
padding-top: 1px; padding-left:3px;
">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. 
</div>
<div id="separador">
</div>
</div>
<div id="counter">
</div>
<div style="text-align: right;font-size: 10px;float:right"id="legal">Por <a href="http://darknet13.es.tl" target="_blank">D13</a></div>
</div>
</div>

CSS Code sin Style tags

body {
margin : 0;
background-image : url(https://img.webme.com/pic/d/darknet13/paper.gif);
background-attachment : fixed;
}
#contenedor {
width : 990px;
margin-right : auto;
margin-left : auto;
}
#sidebar1 {
width : 160px;
float : left;
margin-right : 10px;
}
#contenido {
float : left;
width : 650px;
}
#contup {
background-image : url(https://img.webme.com/pic/d/darknet13/1-gray.jpg);
height : 23px;
text-align : center;
font-weight : bold;
color : white;
padding-top : 3px;
}
#content {
border-left : 3px solid #999999;
border-right : 3px solid #999999;
background-color : white;
min-height : 500px;
padding-left : 5px;
padding-right : 5px;
}
#sidebar2 {
width : 160px;
float : left;
margin-left : 10px;
}
#menuup {
background-image : url(https://img.webme.com/pic/d/darknet13/1-blue.jpg);
color : white;
text-align : center;
font-weight : bold;
font-family : "Courier New", Courier, monospace;
}
#menumid {
border-left : 3px solid #000099;
border-right : 3px solid #000099;
border-bottom : 7px groove #000099;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
background-color : white;
padding-top : 1px;
}
#pie {
clear : left;
text-align : center;
}
#separador {
height : 30px;
}
table[height="102"] {
margin-left : auto;
margin-right : auto;
margin-top : -6px;
margin-bottom : -5px;
}
#header_container {
display : none;
}
#nav_container {
display : none;
}
h2#title {
display : none;
}
#counter {
text-align : center;
border-left : 3px solid #999999;
border-right : 3px solid #999999;
background-color : white;;
}
#below_content {
text-align : center;
border-left : 3px solid #999999;
border-right : 3px solid #999999;
border-bottom : 7px groove #999999;
background-color : white;
}
.menu {
display: inline;
padding:0; 
margin:0;
list-style-type: none;
}
.menu a {
padding-left:15px;
color: black;
display: block;
text-decoration: none;
padding-top:5px;
height: 20px;
}
.menu a:hover {
color: #3333ff;
font-weight: bold;
}
a img {
border:none;
}

notas especiales:
para que la plantilla "cierre" debes dar un espacio en "advertencia respecto al copyright"