:: CP - Recursos Web ::

Acuaria

IMAGEN DE MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Diseño adaptable?: NO

Fecha: 2019-12-13

Creditos: freecsstemplates.com

Diseño para: Css Design

Garantia: SI ?

VER EJEMPLO EN OTRA PAGINA:

- Codigo 01: Por encima de la pagina (texto sobre el diseño)

Copiar codigo

- Codigo 02: Por debajo de la pagina:

</div><div id="sidebar"><ul><li>
	<h2>Menu lateral 1</h2><ul>
	<li class="first"><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>
	<li><a href="URL">Link's 6</a></li>
</ul></li><li>
	<h2>Menu lateral 2</h2><ul>
	<li class="first"><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>
	<li><a href="URL">Link's 6</a></li>
</ul></li><li>
	<h2>Menu lateral 3</h2><ul>
	<li class="first"><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>
	<li><a href="URL">Link's 6</a></li>
</ul></li></ul></div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
	<p id="legal">Copyright © 2010 Aquaria. Deseño por: <a href="https://www.freecsstemplates.org/">Free CSS Templates</a></p>
	<p id="links"> <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a href="https://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="https://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div><center>

Copiar codigo

- Codigo 03: Codigo Sin style tag's (CSS)

#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;}
/* Deseño por:  https://www.freecsstemplates.org
Adaptación para PwG: https://cssplantillas.es.tl */
* {margin: 0;padding: 0;}
body {background: #FFFFFF url("https://img.webme.com/pic/w/webcp/acuariabg2.png") repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #7F7772;}
h1, h2, h3 {margin-bottom: 15px;font-family: Georgia, "Times New Roman", Times, serif;font-weight: normal;color: #333333;}
h1 {font-size: 197%;}
h2 {font-size: 152%;}
h3 {font-size: 100%;font-weight: bold;}
p, ul, ol {margin-bottom: 15px;line-height: 1.6em;}
ul, ol {margin-left: 2em;}
blockquote {margin-left: 1em;padding-left: 1em;
background: url("https://img.webme.com/pic/w/webcp/acuaria09.gif") repeat-y;font-style: italic;}
a:link {color: #0AAAFD;}
a:hover, a:active {text-decoration: none;color: #FF6700;}
a:visited {color: #7F7772;}
img {border: none;}
img.left {float: left;margin: 0 20px 0 0;}
img.right {float: right;margin: 0 0 0 20px;}
#menu {width: 770px;height: 105px;margin: 0 auto;}
#menu ul {margin: 0;padding: 0;list-style: none;}
#menu li {display: block;float: left;width: 122px;height: 65px;padding: 40px 0 0 0;}
#menu a {display: block;width: 122px;height: 32px;padding: 13px 0 0 0;
background: url("https://img.webme.com/pic/w/webcp/acuaria02.jpg") no-repeat;
text-align: center;text-transform: uppercase;text-decoration: none;font-weight: bold;color: #FFFFFF;}
#menu a:hover {background-image: url("https://img.webme.com/pic/w/webcp/acuaria03.jpg");}
#menu .active {padding-top: 35px;}
#menu .active a {height: 37px;padding-top: 16px;background-image: url("https://img.webme.com/pic/w/webcp/acuaria04.jpg");color: #327EBE;}
#menu .active a:hover {background-image: url("https://img.webme.com/pic/w/webcp/acuaria04.jpg");}
#head {width: 770px;height: 160px;margin: 0 auto;}
#logo {float: left;width: 250px;height: 160px;
background: url("https://img.webme.com/pic/w/webcp/acuaria05.jpg") no-repeat;}
#logo h1, #logo h2 {text-align: center;}
#logo h1 {padding-top: 90px;
background: url("https://img.webme.com/pic/w/webcp/acuaria07.jpg") no-repeat center center;
letter-spacing: 8px;font-size: 197%;}
#logo h2 {letter-spacing: 2px;font-size: 85%;}
#logo a {text-transform: uppercase;text-decoration: none;color: #FFFFFF;}
#banner {float: right;width: 520px;height: 160px;
background: url("https://img.webme.com/pic/w/webcp/acuaria06.jpg") no-repeat;}
#banner a {float: right;padding: 120px 20px 0 0;text-decoration: none;text-align: right;
font-size: 136%;font-style: italic;color: #FFFFFF;}
#page {width: 760px;margin: 0 auto;padding: 20px 0 0 0;}
#contento {float: right;width: 510px;}
#sidebar {float: left;width: 240px;}
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar li {margin-bottom: 15px;}
#sidebar li ul {padding: 10px;border: 1px solid #0AAAFD;border-top: none;}
#sidebar li li {margin: 0;padding: 3px 0;
background: url("https://img.webme.com/pic/w/webcp/acuaria09.gif") repeat-x;}
#sidebar li li.first {background: none;}
#sidebar li h2 {height: 30px;margin: 0;padding: 10px 0 0 15px;
background: url("https://img.webme.com/pic/w/webcp/acuaria10.jpg") no-repeat;
letter-spacing: -1px;color: #327EBE;}
#sidebar a:link {text-decoration: none;}
#sidebar a:hover {text-decoration: underline;}
#sidebar li a {padding-left: 10px;background: url("https://img.webme.com/pic/w/webcp/acuaria11.gif") no-repeat left center;}
#footer {clear: both;height: 100px;padding: 15px 0;background: #D1D1D1;border-top: 5px solid #999999;text-align: center;}
#footer p {margin: 0;color: #999999;}
#footer a {color: #999999;}
#footer a:hover {color: #FFFFFF;}
#webme_footer_textlink_dont_hide {color:#333;background-color:transparent;font-size:9px;font-family:arial;text-align: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:
Solo edita donde los dice el script, y los link's! Disfruta este diseño!
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Acuaria

Acuaria

IMAGEN DE MUESTRA

INFORMACIÓN

- Codigo 01: Por encima de la pagina (texto sobre el diseño)

- Codigo 02: Por debajo de la pagina:

- Codigo 03: Codigo Sin style tag's (CSS)

ENLAZANOS

Descarga

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado