:: CP - Recursos Web ::

terrafirma2

TerraFirma 2

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Diseño adaptable?: No

Fecha: 2010-10-30

Creditos: https://templated.co

Diseño para: Css Design

Garantia: SI ?

Nota: TerraFirma 2, es un diseño muy amigable que te permite colocar mucho contenido y enlaces en tu web, puedes editarlo y conseguir una web de maravilla.

- Codigo 01: TEXTO SOBRE EL DISEÑO

Copiar codigo

- Codigo 02: POR DEBAJO DE LA PAGINA

</div></div><div id="sidebar">
<ul><li>
	<h2>About me</h2><p>
	Pon aqui algun texto, imagen, objeto que quieras mostrar/decir.
</p></li><li>
	<h2>Menu lateral 1</h2><ul>
	<li><a href="URL">Nombre link's 1</a></li>
	<li><a href="URL">Nombre link's 2</a></li>
	<li><a href="URL">Nombre link's 3</a></li>
	<li><a href="URL">Nombre link's 4</a></li>
	<li><a href="URL">Nombre link's 5</a></li>
	<li><a href="URL">Nombre link's 6</a></li>
	<li><a href="URL">Nombre link's 7</a></li>
	<li><a href="URL">Nombre link's 8</a></li>
</ul></li></ul></div>
<div class="clearfix"></div>
<div id="footer-bar" class="two-cols">
<div class="col1">
	<h2>Titulo Pie</h2>
<p>Escribe alguna informacion aqui, o coloca alguna imagen o lo que tu desees!</p>
</div>
<div class="col2"><ul>
	<li><a href="URL">Nombre link's 1</a></li>
	<li><a href="URL">Nombre link's 2</a></li>
	<li><a href="URL">Nombre link's 3</a></li>
	<li><a href="URL">Nombre link's 4</a></li>
</ul></div>
<div class="clearfix"> </div>
</div></div></div>
<div id="footer" class="contain">
	<p>(c) 2010 Tu sitio.es.tl - Diseño por <a href="https://www.freecsstemplates.org/">Free CSS Templates</a> - Adaptacion PwG por: <a href="https://cssplantillas.es.tl">CssPlantillas</a></p>
</div><center>

Copiar codigo

- Codigo 03: CSS-Code

// 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;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg01.jpg");
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #5A554E;}
h1, h2, h3 {margin: 0;}
h1, h2 {font-weight: normal;}
h1 {font-size: 32px;}
h2 {font-size: 24px;}
p, ol, ul, dl {margin-top: 0;text-align: justify;line-height: 2.2;}
ul {margin-left: 0;padding-left: 0;list-style: none;}
strong {color: #4A3E29;}
a {color: #506C00;}
a:hover {text-decoration: none;}
a img {border: 0;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {margin: 0 auto;}
img.alignleft {margin: 0 27px 0 0;}
img.alignright {margin: 0 0 0 27px;}
img.border {padding: 4px;border: 1px solid #E9E4D8;}
#wrapper {background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg02.jpg") repeat-x;}
.contain {width:1000px;margin: 0 auto;}
.clearfix {clear: both;}
#head {height:211px;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg04.jpg");}
#logo {float: left;width: 308px;height: 211px;}
#logo h1, #logo p {text-transform: lowercase;line-height: 1;}
#logo h1 {padding: 137px 0 0 50px;letter-spacing: -2px;font-size: 34px;color: #FFFFFF;}
#logo h1 sup {font-size: 18px;font-weight: normal;}
#logo p {padding: 0 0 0 50px;font-size: 13px;color: #F8AB80;}
#logo a {text-decoration: none;}
#logo a:hover {text-decoration: underline;}
#logo h1 a {color: #FFFFFF;}
#logo p a {color: #F8AB80;}
#banner {float: left;height: 118px;padding: 93px 0 0 0;}
#menu {height: 76px;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg04.jpg") no-repeat 0 -211px;}
#menu ul {height: 67px;margin: 0 25px;padding: 9px 0 0 14px;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg05.jpg");
list-style: none;line-height: 1}
#menu li {float: left;height: 35px;padding: 15px 20px 0 20px;}
#menu li.active {background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg06.jpg") no-repeat;}
#menu a {text-transform: lowercase;text-decoration: none;letter-spacing: -1px;font-size: 18px;color: #FFFFFF;}
#menu a:hover {text-decoration: underline;}
.bar {height: 48px;margin: 0 25px;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg07.jpg");}
.bar .text {float: left;padding: 17px 0 0 25px;text-transform: lowercase;font-size: 14px;color: #809064;}
#top-bar {background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg04.jpg") no-repeat 0 -287px;}
#search {float: right;width: 245px;height: 48px;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg08.jpg") no-repeat 0 12px;}
#search form, #search fieldset {margin: 0;padding: 0;border: 0;}
#search .input-text {float: left;width: 178px;margin: 12px 0 0 0;padding: 4px 10px;font: inherit;
line-height: normal;border: none;background: none;color: inherit;}
#search .input-submit {display: none;}
#page {background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg03.jpg") repeat-y;}
#contento {float: left;width: 655px;padding: 0 24px 0 25px;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg04.jpg") no-repeat 0 -335px;}
.post {}
.post .title, .post .date {padding: 0 25px;}
.post .title {margin: 0;padding-top: 50px;line-height: normal;font-size: 32px;color: #5A5544;}
.post .title a {text-decoration: none;color: #5A5544;}
.post .title a:hover {text-decoration: underline;}
.post .date {line-height: normal;color: #ACAAA1;}
.post .entry {margin: 0 25px;padding: 20px 0;border-top: 1px solid #E5E1D8;}
.post .meta {height: 53px;background: #E5ECDB;border-bottom: 1px solid #DDE5CE;}
.post .meta p {line-height:  normal;}
.post .meta .tags {float: left;padding: 20px 0 0 25px;}
.post .meta .links {float: right;padding: 20px 25px 0 0;}
.post .meta .comments {margin-right: 30px;padding-left: 22px;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2img04.gif") no-repeat 0 50%;}
.post .meta .more {padding-left: 17px;background: url("https://img.webme.com/pic/w/webcp/terrafirma2img05.gif") no-repeat 0 50%;}
#sidebar {float: right;width: 246px;padding: 24px 50px 0 0;
background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg04.jpg") no-repeat 100% -335px;}
#sidebar ul {margin: 0;padding: 0 0 0 25px;list-style: none;line-height: normal;border-left: 1px solid #E5E1D8;}
#sidebar li {}
#sidebar li ul {padding: 0;line-height: 3.5;border: none;}
#sidebar li li {}
#sidebar h2 {margin: 0 0 20px 0;padding: 20px 0 5px 0;border-bottom: 1px solid #E5E1D8;}
.two-cols {margin: 0 25px;padding: 35px 35px 0 35px;
background: #28241E url("https://img.webme.com/pic/w/webcp/bg09.jpg") repeat-x;
color: #736F6A;}
.two-cols .col1 {float: left;width: 595px;}
.two-cols .col2 {float: right;width: 210px;padding: 0 0 0 25px;border-left:1px solid #423C31;}
.two-cols h2 {font-size: 26px;color: #FFFFFF;}
.two-cols a {color: #736F6A;}
#footer {background: url("https://img.webme.com/pic/w/webcp/terrafirma2bg10.jpg") no-repeat;padding: 25px 0;}
#footer p {text-align: center;color: #8F8B83;}
#footer a {color: #8F8B83;}
#webme_footer_textlink_dont_hide {color:#333;background-color:transparent;font-size:9px;font-family:verdana;float:center;}

Copiar codigo

ENLAZANOS

URL DIRECTA

LINK'S HTML

URL CORTA

Descarga

Ahora puedes descargar nuestros recursos, (No en todos los recursos esta disponible esta opcion, disfrutalo)

Descarga no disponible

[ CLICK PARA VER TUTORIAL ]

NOTAS:
Edita los link's que están en mayúsculas, o donde dice "Link's N°", y veras como se va armando tu diseño!
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

terrafirma2

TerraFirma 2

MUESTRA

INFORMACIÓN

- Codigo 01: TEXTO SOBRE EL DISEÑO

- Codigo 02: POR DEBAJO DE LA PAGINA

- Codigo 03: CSS-Code

ENLAZANOS

Descarga

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado