:: CP - Recursos Web :: - shallowgrunge

shallowgrunge

Shallowgrunge

+ Cliquea la imagen

Informacion:
Nombre: Shallowgrunge
Fecha: 20-12-2008
Creditos: Freecsstemplates.org
Garantia: Si ?
Diseño para: CssDesign

Enlazanos:

Compartir:

[ Codigos: ]

- Texto por encima de la pagina:

- Texto por debajo de la pagina:

<div id="sidebar">
<ul><li><h2>Titulo box 1</h2><p> 	
Aqui puede poner lo que tu quieras!  
</p></li><li> 		
<h2>Link's</h2><ul> 			
<li><a href="URL">Nombre del link's</a> (3) </li> 			
<li><a href="URL">Nombre del link's</a> (42) </li> 			
<li><a href="URL">Nombre del link's</a> (28)</li> 			
<li><a href="URL">Nombre del link's</a> (55) </li> 			
<li><a href="URL">Nombre del link's</a> (13)</li>
</ul></li><li> 		
<h2>Favoritos</h2> <ul> 		
<li><a href="URL">Nombre del link's</a> (3) </li> 		
<li><a href="URL">Nombre del link's</a> (42) </li> 		
<li><a href="URL">Nombre del link's</a> (28) </li> 		
<li><a href="URL">Nombre del link's</a> (55) </li> 		
<li><a href="URL">Nombre del link's</a> (13) </li> 
</ul></li><li> 		
<h2>Archivos</h2> <ul> 		
<li><a href="URL">Link's 1</a>Descripción</li> 		
<li><a href="URL">Link's 2</a>Descripción</li> 		
<li><a href="URL">Link's 3</a>Descripción</li> 		
<li><a href="URL">Link's 4</a>Descripción</li> 
</ul></li></ul> </div> 
<div style="clear: both;"></div> 
</div></div>
<div id="footer"><p>
Copyright (c) 2009 tu sitio.es.tl. Todos los derechos reservados. Diseño por <a href="http://freecsstemplates.org">FreeCSSTemplates</a>. Adaptado por <a href="http://cssplantillas.es.tl" target="url">Css Plantillas</a>
</p></div>

- Codigo Sin style tag's:

#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;}
table {margin-left:auto;margin-right:auto;}   
body {margin: 20px;background: #000000;font-family:"Trebuchet MS";font-size: 13px;color:#787878; }  
h1, h2, h3 {margin: 0;font-family:Georgia;font-weight:normal;color:#000000;}  
h1 {font-size: 2em;}  
h2 {font-size: 1.6em;}  
h3 {font-size: 1.6em;}  
p, ul, ol {margin-top: 0;line-height:180%;}  
ul, ol {}  
a {text-decoration: none;border-bottom: 1px dotted #999999;color: #A42424;}  
a:hover {background: none; }  
#wrapper {width: 910px;margin: 0 auto;padding: 20px;background: #FFFFFF; }
#header {width: 910px;height: 172px;margin: 0 auto; 
background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge1.jpg") no-repeat left top; }
#logo {float: left;width: 640px;color: #B2B2B2;}  
#logo h1, #logo p {}  
#logo h1 {float: left;padding: 100px 0 0 20px;letter-spacing: -1px;text-transform:uppercase;font-size: 2.6em; }  
#logo p {float: left;margin: 0;padding: 110px 0 0 5px;text-transform: uppercase;font: bold 14px Arial;}   
#logo a {border:none;background: none;text-decoration: none;color: #FFFFFF; } 
#search {float: right;width: 230px;padding-top: 16px; }  
#search form {height: 41px;margin: 0;padding: 90px 0 0 0px;}  
#search fieldset {margin: 0;padding: 0;border: none;}  
#search-text {width: 200px;border:none;text-transform:lowercase;border:1px #525252 dotted;
font: bold 1.2em Arial, Helvetica, sans-serif;color: #FFFFFF; }  
#search-submit {display: none; }
#menu {width: 910px;height: 41px;margin: 0 auto;padding: 0;
background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge2.jpg") no-repeat left top;}  
#menu ul {margin: 0;padding: 0;list-style: none;line-height: normal;}  
#menu li {float: left;}  
#menu a {display: block;padding: 13px 10px 10px 20px;text-transform: uppercase;text-decoration: none;font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #FFFFFF;border: none; }  
#menu a:hover, #menu .current_page_item a { 	color: #FFFFFF; }  #menu a:hover { 	text-decoration: underline; }
#page {width: 910px;margin: 0 auto;
background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge3.jpg") no-repeat left top;} 
#content {float: left;width: 600px;padding: 40px 0 0 20px; }
#sidebar {float:right;width:220px;padding: 40px 20px 0 0;color: #787878; }  
#sidebar ul {margin: 0;padding: 0;list-style: none;}  
#sidebar li {}  
#sidebar li ul {padding-bottom:30px;}  
#sidebar li li {line-height: 35px;border-bottom: 1px dashed #D2D4C9;}  
#sidebar h2 {letter-spacing: -.5px;color: #000000;}  
#sidebar p {padding-bottom: 20px;text-align:justify;}  
#sidebar a {color:#787878;border: none;} 
#sidebar a:hover {text-decoration: underline;color: #787878;} 
#calendar { }  
#calendar_wrap {padding: 20px;}  
#calendar table {width: 100%; }
#calendar tbody td {text-align: center;}  
#calendar #next {text-align: right;} 
#footer {width: 910px;height:50px;margin:0 auto;padding: 40px 0;font-family: Arial;color: #B2B2B2;}  
#footer p {margin: 0;line-height: normal;font-size: 9px;text-transform: uppercase;text-align:center;}  
#footer a {color: #FFFFFF; }

Apuntes
Solo copia y pega los códigos donde lo indica. Disfrutalo

- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

shallowgrunge

Shallowgrunge

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado