kaveo - css5

css5

*Pon el mouse encima para verla mas grande

>Informacion<

Nombre:  Triangular Dark
Creditos:  Kaveo
Garantía:  Asegurada
Tipo de Diseño:  CSS
Colores:

* No Borrar Los Creditos *

-Texto por Encima-

<div id="contenedorgeneral" >
<div id="banner"></div>
<div id="tabs">
  <ul>
    <li><a href="#LINK MENU"><span>Menu 01</span></a></li>
    <li><a href="#LINK MENU"><span>Menu 02</span></a></li>
    <li><a href="#LINK MENU"><span>Menu 03</span></a></li>
    <li><a href="#LINK MENU"><span>Menu 04</span></a></li>
    <li><a href="#LINK MENU"><span>Menu 05</span></a></li>
    <li><a href="#LINK MENU"><span>Menu 06</span></a></li>
    <li><a href="#LINK MENU"><span>Menu 07</span></a></li>
    <li><a href="#LINK MENU"><span>Menu 08</span></a></li>
	<li><a href="#LINK MENU"><span>Menu 09</span></a></li>
	<li><a href="#LINK MENU"><span>Menu 10</span></a></li>
  </ul>
</div>
<div id="contenedorcontenido">
<div id="contenedordemenus">
<!-- DESDE ACA PARA AGREGAR UN BOX -->
<div id="arribamenuvertical"></div>
<div id="menuvertical"> 
<div class="titlemenuvertical">Saraza</div>
<hr>
<ul class="ulmenuvertical">
<li><a href="#">Saraza Link</a></li>
<li><a href="#">Saraza Link</a></li>
<li><a href="#">Saraza Link</a></li>
</ul>
</div>
<div id="abajomenuvertical"></div>
<!-- HASTA ACA PARA EL BOX -->
<!-- DESDE ACA PARA AGREGAR UN BOX -->
<div id="arribamenuvertical"></div>
<div id="menuvertical">
<div class="titlemenuvertical">Saraza</div>
<hr> 
<li><a href="#">Saraza Link</a></li>
<li><a href="#">Saraza Link</a></li>
<li><a href="#">Saraza Link</a></li>
</div>
<div id="abajomenuvertical"></div>
<!-- HASTA ACA PARA EL BOX -->
<!-- DESDE ACA PARA AGREGAR UN BOX -->
<div id="arribamenuvertical"></div>
<div id="menuvertical"> 
<div class="titlemenuvertical">Saraza</div>
<hr>
<li><a href="#">Saraza Link</a></li>
<li><a href="#">Saraza Link</a></li>
<li><a href="#">Saraza Link</a></li>
</div>
<div id="abajomenuvertical"></div>
<!-- HASTA ACA PARA EL BOX -->
</div>
<div id="contenido">

-Texto por Debajo-

</div>
<div id="footer">Desing by lautiito</div>
</div>
</div>

-Css Code Sin Style Tags-

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;} 
/*By www.lautiito.es.tl */
body{ 
background: url(https://img.webme.com/pic/k/kaveo/fondo.png) no-repeat fixed;
} 
 /*By www.lautiito.es.tl */
img {border:0;}

li {
list-style: none;
}
/*By www.lautiito.es.tl */
h1 {
color: white;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.01em;
text-align: center;
} 
/*By www.lautiito.es.tl */
h2 {
color: #e7e7e7;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.01em;
text-align: center;
} 

h3 {
text-align: center;
}
/*By www.lautiito.es.tl */
#contenedorgeneral { 
width: 850px; 
margin: 0 auto;
} 

#banner {
width: 850px;
height: 185px;
clear: both;
background: url(https://img.webme.com/pic/k/kaveo/bannersitoxd.png);
}
 
#contenedorcontenido {
width: 850px;
}
 /*By www.lautiito.es.tl */
#contenido a {
color: white;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.01em;
} 

#contenido a:hover {
color: white;
text-decoration: underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.01em;
} 
 /*By www.lautiito.es.tl */
#contenido{
width: 625px; 
float: left; 
min-height: 500px; 
padding: 3px;
border-right: solid 1px #777777;
border-left: solid 1px #777777;
background-color: #000000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.01em;
color: white;
}

#contenedordemenus {
width: 214px;
float: right;
}
/*By www.lautiito.es.tl */
#arribamenuvertical {
width: 210px;
margin-left: 5px;
height: 20px;
background: url(https://img.webme.com/pic/k/kaveo/arribadelmenu.png);
}

#menuvertical {
width: 199px;  
margin-left: 4px;
padding: 3px;
border-right: solid 1px #777777;
border-left: solid 1px #777777;
background-color: #000000;
}
/*By www.lautiito.es.tl */
#menuvertical a {
color: white;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.01em;
}

#menuvertical a:hover {
color: black;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing: 0.01em;
background: #fff;
display: block;
padding: 2px;
}
  /*By www.lautiito.es.tl */
#abajomenuvertical {
width: 210px;
margin-left: 5px;
height: 20px;
background: url(https://img.webme.com/pic/k/kaveo/abajodelmenu.png);
}  
  
hr {
border:none;
border-top:1px solid #777777;
height:1px;
}
/*By www.lautiito.es.tl */	
#tabs {
float:left;
width:100%;
border-bottom:1px solid #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
}

#tabs ul {
margin:0;
padding:4px 4px 0 13px;
list-style:none;
}
/*By www.lautiito.es.tl */
#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url(https://img.webme.com/pic/k/kaveo/tableft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
/*By www.lautiito.es.tl */
#tabs a span {
float:left;
display:block;
background:url(https://img.webme.com/pic/k/kaveo/tabright.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}

#tabs a span {float:none;}
/*By www.lautiito.es.tl */
#tabs a:hover span {
	color:#FFF;
	}

#tabs a:hover {
background-position:0% -42px;
}
/*By www.lautiito.es.tl */
#tabs a:hover span {
background-position:100% -42px;
}

#footer {
width: 625px;
height: 22px;
clear: both;
padding: 3px;
border-right: solid 1px #777777;
border-left: solid 1px #777777;
border-bottom: solid 1px #777777;
background-color: #000000;
text-align: center;
font-family: Comic Sans MS;
font-weight: bold;
font-size: 10px;
color: #2e2e2e;
}
/*By www.lautiito.es.tl */
.titlemenuvertical {
font-size: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: white;
}

.ulmenuvertical{
list-style: none; 
margin: 0px;
padding: 6px;
}

#contenedorplantillas {
width: 627px;
height: 175px;
margin-left: 1px;
}
/*By www.lautiito.es.tl */
#recuadroplantilla {
width: 175px;
height: 175px;
margin-left: 16px;
margin-right: 16px;
border: solid 1px black;
background: url(https://img.webme.com/pic/k/kaveo/recuadroplantilla1.png);
}

#adentrodelaplantilla {
width: 155px;
margin-left: 7px;
border: solid 1px red;
margin-top: 27px;
}

#contenedortextoplantillas {
width: 627px;
height: 14px;
margin-left: 1px;
}
/*By www.lautiito.es.tl */
#titulodescargaplantilla {
width: 175px;
height: 15px;
margin-left: 16px;
margin-right: 16px;
border: solid 1px black;
text-align: center;
color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}
/*By www.lautiito.es.tl */
#titulodescargaplantilla a {
text-decoration: none;
}
/*By www.lautiito.es.tl */