Plantilla Pyramid Design
Autor: iAxtrix | Créditos: Bitt Net
Características:
·Dos Columnas·Menu Superior Con Submenus
·Widgets Personalizables
Por Encima De La Página:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="todo">
<div id="izquierda">
<div id="logo"><a href="/inicio.htm">
<img src="http://cdn5.iconfinder.com/data/icons/customicondesign-office7-shadow-png/128/Sport-triangle.png"/><br>
Pyramid Design
</a></div>
<div class="widget">
Esta plantilla tiene la columna de la izquierda fija al igual que el fondo. Usa una gama de colores cremas muy bonita a la vista.
</div>
<div class="widget">
Esta plantilla tiene la columna de la izquierda fija al igual que el fondo. Usa una gama de colores cremas muy bonita a la vista.
</div>
<div id="mi-contador">
<a href="#"><img src="http://cdn5.iconfinder.com/data/icons/Helveticons_Social/24/twitter.png" /></a>
<a href="#"><img src="http://cdn5.iconfinder.com/data/icons/Helveticons_Social/24/facebook.png" /></a>
<a href="#"><img src="http://cdn5.iconfinder.com/data/icons/Helveticons_Social/24/MSN_Messenger.png" /></a>
<a href="#"><img src="http://cdn5.iconfinder.com/data/icons/Helveticons_Social/24/flickr.png" /></a>
<br>Nuestros 10 visitantes vieron 12 páginas</div>
</div>
<div id="derecha">
<ul id="menu">
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Sub Menu 1</a>
<ul>
<li><a href="#">Hijo 1</a></li>
<li><a href="#">Hijo 2</a></li>
<li><a href="#">Hijo 3</a></li>
</ul></li>
<div class="clear"></div>
</ul>
<div class="clear"></div>
<div id="contenido">
Por Debajo De La Página:
</div>
<div id="footer">
<div id="foot-left">Copyright Tu Web<br />Plantilla por <a href="http://www.bittnet.es.tl">Bitt Net</a></div>
<div id="foot-right"><a href="#">Ir Arriba</a></div>
</div>
</div>
</div>
</body>
</html>
CSS Sin Style Tags:
/* BORRAR PWG */
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}
* { padding: 0px; margin: 0px; }
table[height ="102"] {margin-left:259px; position: absolute;}
#hpb_cssonly {
padding: 0!important;
}
body {
background: url(http://www.picalls.com/data/media/18/Its_ok_by_prO9studio.jpg) no-repeat 0% 50% #c4c4c4;
font-size: 12px;
font-size: arial;
}
.clear {
clear: both;
}
#todo {
width: 1000px;
}
#izquierda {
float: left;
width: 240px;
position: fixed;
padding: 5px;
}
#derecha {
float: right;
margin-top: 102px;
width: 740px;
padding: 5px;
}
#contenido {
padding: 5px;
min-height: 100%;
background: #fff;
}
#logo {
font-family: 'Yanone Kaffeesatz', sans-serif;
text-align: center;
font-size: 22px;
margin: 5px 5px 10px 5px;
padding: 5px;
}
#logo a{
text-decoration: none;
color: #333;
text-shadow: 0 2px 1px #fff;
}
ul#menu li {
list-style:none;
float:left;
font-size: 13px;
}
ul#menu {
padding: 5px;
background: #fff;
margin-bottom: 10px;
}
#menu > li a {
padding: 5px;
}
ul#menu li ul {
display: none;
}
ul#menu li:hover ul {
display: block !important;
position: absolute;
margin-top: 5px;
background: #eee;
padding: 3px 6px 3px 5px !important;
}
ul#menu li ul li a{
text-decoration: none;
background: none !important;
}
ul#menu li ul li {
float: none !important;
}
.widget {
margin: 5px;
padding: 5px;
background: #fff;
}
#foot-left {
float:left;
width: 250px;
padding: 5px;
color: #333;
text-shadow: 0 2px 1px #fff;
}
#foot-right {
float: right;
width: 250px;
text-align: right;
padding: 5px;
color: #333;
text-shadow: 0 2px 1px #fff;
}
#foot-right a,#foot-left a{
color: #333!important;
text-shadow: 0 2px 1px #fff!important;
}
#mi-contador {
font-size: 10px;
text-align: center;
margin: 5px;
text-shadow: 0 1px 1px white;
color: #66665C;
}