:: CP - Recursos Web ::

Indicator

+ Cliquea la imágen

Información:
Nombre: Indicator
Fecha: 01-Julio-2009
Creditos: Freecsstemplates
Garantia: Si ?
Diseño para: Css Design - PwG

Temas de ayuda
- Como poner un Css-design?
- Como hacer funcionar los link's?
- El diseño no funciona!

Enlazanos:

+ Compartir

[ Codigos: ]

- Por encima de la pagina:

- Texto por debajo de la pagina

<div id="sidebar"><ul><li>
<div id="search" >
<form method="get" action="#"><div>
<input type="text" name="s" id="search-text" value="" />
<input type="submit" id="search-submit" value="GO" />
</div></form></div>
<div style="clear: both;"></div></li><li>
	<h2>Titulo 1</h2><p>
Puedes poner lo que tu quieras aqui!, texto, imagenes, videos, etc..
</p></li><li>
	<h2>Categorias</h2><ul>
	<li><a href="URL">Link's 1</a></li>
	<li><a href="URL">Link's 2</a></li>
	<li><a href="URL">Link's 3</a></li>
	<li><a href="URL">Link's 4</a></li>
	<li><a href="URL">Link's 5</a></li>
</ul></li><li>
	<h2>Menu</h2><ul>
	<li><a href="URL">Link's 1</a></li>
	<li><a href="URL">Link's 2</a></li>
	<li><a href="URL">Link's 3</a></li>
	<li><a href="URL">Link's 4</a></li>
	<li><a href="URL">Link's 5</a></li>
</ul></li><li>
	<h2>Archivos</h2><ul>
	<li><a href="URL">Link's 1</a></li>
	<li><a href="URL">Link's 2</a></li>
	<li><a href="URL">Link's 3</a></li>
	<li><a href="URL">Link's 4</a></li>
	<li><a href="URL">Link's 5</a></li>
</ul></li></ul></div>

<div style="clear: both;"> </div>
</div></div></div></div>
<div id="footer"><p>
Copyright (c) 2008 tusitio.es.tl - Todos los derechos reservados. Diseño por: <a href="http://freecsstemplates.org">Free CSS Templates</a> adaptación por: <a href="http://cssplantillas.es.tl">CssPlantillas</a>.</p>
</div>

- Codigo Sin style tag's

/*Design by Free CSS Templates
Adaptado por www.cssplantillas.es.tl */
#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;} 
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;color: #4D4D4D;font-size: 12px;
background: #000000 url("https://img.webme.com/pic/c/cssplantillas/indicator1.jpg") repeat left top;}
h1, h2, h3 {margin: 0;padding: 0;font-weight: normal;color: #3E3530;}
h1 {font-size: 2em;}
h2 {font-size: 2.8em;}
h3 {font-size: 1.6em;}
p, ul, ol {margin-top: 0;line-height: 180%;}
ul, ol {}
a {text-decoration: none;color: #3E3530;}
a:hover {}
#wrapper {margin: 0 auto;padding: 0;}
#head {width: 960px;height: 100px;margin: 0 auto;padding: 20px 0px 0px 30px;
background: url("https://img.webme.com/pic/c/cssplantillas/indicator2.jpg") no-repeat left top;}
#logo {margin: 0;padding: 0;color: #000000;}
#logo h1, #logo p {margin: 0;padding: 0;}
#logo h1 {letter-spacing: -1px;text-transform: lowercase;font-size: 3.8em;}
#logo p {margin: 0;padding: 0px 0 0 2px;color: #FFFFFF;font-style: italic;
font: normal 14px Georgia, "Times New Roman", Times, serif;	} 
#logo a {border: none;background: none;text-decoration: none;color: #FFFFFF;}
#search {float: left;width: 350px;height: 30px;padding: 20px 0px 0px 0px;}
#search form {height: 41px;margin: 0;padding: 10px 0 0 50px;}
#search fieldset {margin: 0;padding: 0;border: none;}
#search-text {width: 170px;padding: 6px 5px 2px 5px;border: 1px solid #DEDEDE;background: #FFFFFF;
text-transform: lowercase;font: normal 11px Arial, Helvetica, sans-serif;color: #5D781D;}
#search-submit {width: 50px;height: 22px;border: none;background: #B9B9B9;color: #000000;}
#menu {width: 980px;height: 90px;margin: 0 auto;padding: 0;}
#menu ul {margin: 0;padding: 50px 0px 0px 0px;list-style: none;line-height: normal;}
#menu li {float: left;}
#menu a {display: block;width: 130px;height: 30px;margin-right: 1px;
padding: 9px 0px 0px 0px;text-decoration: none;text-align: center;font-family: Arial, Helvetica, sans-serif;
font-size: 13px;font-weight: bold;color: #FFFFFF;border: none;}
#menu a:hover, #menu .current_page_item a {text-decoration: none;}
#menu .current_page_item a {padding-left: 0;}
/* Page */
#page {width: 1000px;margin: 0 auto;padding: 0px;
background: url("https://img.webme.com/pic/c/cssplantillas/indicator4.jpg") repeat-y left top;}
#page-bgtop {background: url("https://img.webme.com/pic/c/cssplantillas/indicator3.jpg") no-repeat left top;}
#page-bgbtm {background: url("https://img.webme.com/pic/c/cssplantillas/indicator5.jpg") no-repeat left bottom;}
/* Content */
#content {float: right;width: 620px;padding: 20px 10px 0px 0px;}
.post {border-bottom: 1px dotted #E7E2DC;}
.post .title {letter-spacing: -.5px;padding: 20px 10px 0px 30px;font-size: 30px;}
.post .title a {color: #3E3530;border: none;}
.post .meta {margin-bottom: 30px;padding: 0px 30px 0px 30px;text-align: left;
font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;font-style: italic;}
.post .meta .date {float: left;}
.post .meta .posted {float: right;}
.post .meta a {}
.post .entry {padding: 0px 30px 20px 30px;padding-bottom: 20px;text-align: justify;}
.links {padding-top: 20px;font-size: 12px;font-weight: bold;}
/* Sidebar */
#sidebar {float: left;width: 370px;margin: 0px;padding: 0px 0px 0px 0px;color: #787878;}
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar li {margin: 0;padding: 0;}
#sidebar li ul {margin: 0px 0px;padding-left: 25px;padding-bottom: 30px;}
#sidebar li li {line-height: 30px;margin: 0px 30px;padding: 0px 0px 0px 15px;
border-left: none;background: url(images/img07.jpg) no-repeat left 12px;}
#sidebar li li span {display: block;margin-top: -20px;padding: 0;font-size: 11px;font-style: italic;}
#sidebar h2 {height: 46px;padding-top: 13px;padding-left: 50px;margin-bottom: 10px;
background: url("https://img.webme.com/pic/c/cssplantillas/indicator6.jpg") no-repeat left 4px;
letter-spacing: -.5px;font-size: 1.8em;color: #696969;}
#sidebar p {margin: 0 0px;padding: 0px 30px 20px 50px;text-align: justify;}
#sidebar a {border: none;color: #4D4D4D;}
#sidebar a:hover {text-decoration: underline;color: #8A8A8A;}
#footer {height: 50px;margin: 0 auto;padding: 0px 0 15px 0;
font-family: Arial, Helvetica, sans-serif;}
#footer p {margin: 0;padding-top: 20px;line-height: normal;
font-size: 9px;text-transform: uppercase;text-align: center;color: #A0A0A0;}
#footer a {color: #8A8A8A;}

Apuntes
- Modificalo a tu manera!, este diseño tiene muchos box de contenidos en el cual podras añadir muchos objetos.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Indicator

Indicator

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado