:: CP - Recursos Web :: - Natural Essence

Natural Essence

+ Cliquea la imágen

Información:
Nombre: Natural Essence
Fecha: 08-Septiembre-2010
Creditos: Arcsis
Garantia: Si ?
Diseño para: CssDesign

Enlazanos:

Compartir:

[ Codigos: ]

- Por encima de la pagina:

- Texto por debajo de la pagina

</div></div>
<div class="right"><div class="content">
<h2>Menu lateral 1</h2><ul class="block">
		<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>
</ul><h2>Menu lateral 2</h2><ul class="block">
		<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>
</ul><h2>Menu lateral 3</h2><ul class="block">
		<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>
</ul><h2>Box de contenido</h2>
<p>Aqui puede colocar algun texto de referencia, alguna noticia importanto o lo que quieras!.</p>
</div></div>
<div class="clearer"></div></div>
<div class="bottom">
<div class="left">		
<h2>Link's de contenidos</h2>
<ul class="block">
	<li><a href="URL"><span>Link's 1</span><em> Descripcion del link's</em></a></li>
	<li><a href="URL"><span>Link's 2</span><em> Descripcion del link's</em></a></li>
	<li><a href="URL"><span>Link's 3</span><em> Descripcion del link's</em></a></li>
	<li><a href="URL"><span>Link's 4</span><em> Descripcion del link's</em></a></li>
</ul></div>
<div class="right">
<h2>Texto</h2>
<p>Aqui puede colocar algun texto de referencia, alguna noticia importanto o lo que quieras!.</p>
<h2>Galerias</h2>
<table><tr>
<td><img src="https://img.webme.com/pic/w/webcp/naturale08.gif" width="110" height="90" alt="" /></td>
<td style="width:5px"></td>
<td><img src="https://img.webme.com/pic/w/webcp/naturale08.gif" width="110" height="90" alt="" /></td>
<td style="width:5px"></td>
<td><img src="https://img.webme.com/pic/w/webcp/naturale08.gif" width="110" height="90" alt="" /></td>
</tr></table></div>

<div class="clearer"></div></div>
<div class="footer">
<div class="left">Copyright © 2010 <a href="URL">Tu sitio web.es.tl</a></div>
<div class="right">
<a href="http://templates.arcsin.se/">Diseño</a> por: <a href="http://arcsin.se">Arcsin</a>, adaptación por: <a href="http://cssplantillas.es.tl">CssPlantillas</a></div>
<div class="clearer"></div>
</div></div></div></div>

- Codigo Sin style tag's

/* Nombre: Natural Essence
Author: Viktor Persson
Author URI: http://arcsin.se/
Adpatación PwG: http://cssplantillas.es.tl/ */
* {margin: 0; padding: 0;}
#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 {background: #7C6F5C url("https://img.webme.com/pic/w/webcp/naturale01.jpg");
color: #222;font: normal 62.5% sans-serif;padding: 2% 0;}
a {color: #642;}
a:hover {color: #963;}
big {font-size: 1.1em;}
h1,h2,h3 {color: #442; padding: 8px 0 2px;}
h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}
blockquote {background: url("https://img.webme.com/pic/w/webcp/naturale02.gif") no-repeat;
display: block;font: normal 1.1em Georgia,serif;padding-left: 26px}
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}
#wrapper {background: #332 url("https://img.webme.com/pic/w/webcp/naturale03.gif") no-repeat left bottom;
margin: 0 auto;width: 762px;}
#containered {background: #FBF9F4;border-top: 6px solid #332;font-size: 1.3em;
line-height: 1.3em;margin: 0 auto;width: 750px;}
.title {background: #E2DED4;border-top: 1px solid #996;}
.title h1 {color: #441;font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;padding: 10px 0 10px 18px;}
.header {border-top: 2px solid #663;height: 220px;
background: #DAD7C5 url("https://img.webme.com/pic/w/webcp/naturale04.jpg") no-repeat left bottom;}
.navigation {background: #DED9D0 url("https://img.webme.com/pic/w/webcp/naturale05.gif") repeat-x; height: 41px;
border-top: 1px solid #996;}
.navigation a {background: #FFF url("https://img.webme.com/pic/w/webcp/naturale05.gif") repeat-x;
border-right: 1px solid #C9C6B3;color: #553;float: left;font: bold 1em Tahoma,sans-serif;
padding: 0 14px;line-height: 41px;text-align: center;text-decoration: none;}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}
.main#two-columns {background: #FFF url("https://img.webme.com/pic/w/webcp/naturale06.gif") repeat-y;}
.bottom {background: #DCDAC9 url("https://img.webme.com/pic/w/webcp/naturale07.gif") no-repeat left bottom;
border-top: 1px solid #AA8;color: #444;padding: 14px 20px;}
.bottom .left,.bottom .right {width: 49%;}
.footer {background: #332;color: #EED;padding: 10px;}
.footer .left {width: 66%;}
.footer .right {width: 33%;text-align: right;}
.footer a {color: #FFF;text-decoration: none;}
.footer a:hover, .footer .right a:hover {color: #FFF;text-decoration: underline;}
.footer .right, .footer .right a {color: #7D7D75;}
.gallery td {vertical-align: top;text-align: center;}
.gallery em {display: block;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}
ul.block {border-top: 1px dashed #BCBAAC;margin: 4px 0;padding: 0;width: 90%;}
.block li {border-bottom: 1px dashed #BCBAAC;list-style: none;}
.block li a,.block li em {color: #553;display: block;}
.block li em {font-size: 0.9em;font-style: normal;}
.block li a {padding: 4px 3%;text-decoration: none;width: 94%;}
.block li a span {font-weight: bold;}
.block li a:hover {background: #D2D0C0;color: #553;}
.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

Enlaces de ayuda:

Apuntes
- Un muy buen diseño que le dara un toque de profesionalismo a tu sitio web!
Disfrutalo!

- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Natural Essence

Natural Essence

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado