:: CP - Recursos Web ::

Nautica

+ Cliquea la imágen

Información:
Nombre: Nautica
Fecha: 03-Julio-2010
Creditos: Solucija
Garantia: Si ?
Diseño para: CssDesign

Enlazanos:

Compartir:

[ Codigos: ]

- Por encima de la pagina:

- Texto por debajo de la pagina

</div></div><div id="side"><ul>
	<li><a href="URL">Titulo box 1</a><br />
Contenido del box, contenido del box, contenido del box, contenido del box, contenido del box, contenido del box, contenido del box,
</li><li><a href="URL">Titulo box 2</a><br />
Contenido del box, contenido del box, contenido del box, contenido del box, contenido del box, contenido del box, contenido del box,
</li><li><a href="URL">Titulo box 2</a><br />
Contenido del box, contenido del box, contenido del box, contenido del box, contenido del box, contenido del box, contenido del box,
</li></ul></div>
<div id="footer"><ul>
	<li class="title">Link's 1</li>
	<li><a href="URL">Link's A</a></li>
	<li><a href="URL">Link's B</a></li>
	<li><a href="URL">Link's C</a></li>
</ul><ul>
	<li class="title">Link's 2</li>
	<li><a href="URL">Link's A</a></li>
	<li><a href="URL">Link's B</a></li>
	<li><a href="URL">Link's C</a></li>
</ul><p>
Diseño por: <a href="http://solucija.com">Solucija</a> - Adaptación por: <a href="http://cssplantillas.es.tl">CssPlantillas</a>.<br>Todos los derechos reservados <a href="URL">tusitioweb</a>.
</p></div></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;} 
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
/* Nombre: Nautica
Creditos: htp://solucija.com
Por: http://cssplantillas.es.tl */
*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}img{border:0}
body { font: .74em Sans-Serif; color: #444; background: #f4f4f4; line-height: 1.6em; }
a { text-decoration: none; color: #008080; }
p  { margin: 0 0 15px; }
.wrap { margin: 0 auto; width: 960px; }
#head { height: 160px;color: #ccc; margin: 0 0 30px;
background: #080808 url("https://img.webme.com/pic/w/webcp/nautica01.jpg") no-repeat center top;}
#head p { float: right; margin: 20px 0 0; }
#logo { float: left; margin: 40px 20px 50px 0; color: #fff; letter-spacing: .2em; font-size: 1.9em; }
#logo a { color: #fff; }
h1 { letter-spacing: -0.04em; font-size: 1.8em; text-shadow: 1px 1px 1px #000; }
h2 { font-size: 1.4em; text-shadow: 1px 1px 1px #fff; margin: 0 0 10px; color: #008080; }
h3 { font-size: 1.2em; margin: 0 0 6px; }
#menu { clear: both; padding: 13px 0 0; }
#menu li { display: inline; font-size: 1.2em; }
#menu li a { float: left; padding: 0 22px 0 0; margin: 0 22px 0 0; color: #ddd; border-right: 1px solid #505052; }
#menu li.last a { border: 0; padding: 0; }
#menu li a:hover { color: #fff; }
#menu li a.current { font-weight: bold; color: #fff; }
#main { clear: left; float: left; width: 690px; }
.l { float: left; width: 310px; }
.r { float: right; width: 330px; }
.l img, .r img { float: left; margin: 0 13px 5px 0; border: 2px solid #fff; }
.line { clear: both; border-bottom: 1px dotted #ccc; padding: 10px 0 0; margin: 0 0 20px; }
#side { float: right; width: 225px; color: #808080; background: #fff; padding: 11px; margin: 0 0 20px; }
#side a { color: #444; }
#side li { padding: 0 0 10px; }
#footer { clear: both; height: 120px; padding: 20px 0; color: #888; border-top: 1px dotted #ccc; }
#footer ul { float: left; width: 140px; }
#footer ul li { padding: 0 0 3px; }
#footer p { float: right; width: 400px; text-align: right; }

Enlaces de ayuda:

Apuntes
- Un simple pero muy buen diseño, es un diseño más para sitios de trabajo, pero modificable muy facilmente.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Nautica

Nautica

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado