:: CP - Recursos Web :: - Grunge Superstar

Grunge Superstar

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Diseño adaptable?: No

Fecha: 2010-04-06

Creditos: https://vikpe.org/archive/arcsin-web-templates/

Diseño para: Css Design

Garantia: SI ?

Nota: Grunge Superstar es un diseño oscuro de solo una columna, pero que es muy llamativo, es un diseño ideal para hacer un blog, una pagina de vídeos, de seguro que gustara mucho.

- Codigo 01: Texto sobre el diseño

Copiar codigo

- Codigo 02: Texto por debajo de la página

</div></div>
<div id="bottom"><div class="left col3">
	<h2>Web's amigas</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></div>
<div class="left col3">
	<h2>Link's importantes</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></div>
<div class="right col3last">
	<h2>Ultimas entradas</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></div>
<div class="clearer"></div></div>
<div id="footer">
<div class="left">© 2008 Website name</div>
<div class="right"><a href="http://templates.arcsin.se/">Website template</a> Adaptado por: <a href="http://cssplantillas.es.tl">CssPlantillas</a></div>
<div class="clearer"></div>
</div></div></div>
</div></div></div><center>

Copiar codigo

- Codigo 03: CSS-Code

#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;}
html {font-size: 62.5%;height: 100%;}
body {background: #444 url("https://img.webme.com/pic/c/cssplantillas/grunges1.jpg");
color: #444;font: normal 1.2em Verdana,Arial,sans-serif;height: 100%;
padding-bottom: 1px;padding-top: 0px;}
small,.small {font-size: 0.9em;}
a {color: #EEC;text-decoration: none;}
a:hover {color: #FFA;text-decoration: underline;}
p {padding: 0.2em 0 1.2em;}
blockquote, code {background:#4A4A4A;border:1px solid #333;color:#BBB;
display:block;margin-bottom:12px;}
code {font: normal 0.9em Verdana,sans-serif;line-height: 1.5em;padding: 8px 14px;}
h1 {font: normal 2em Georgia,sans-serif;}
h2 {font: normal 1.6em Georgia,sans-serif;}
h3 {font: normal 1.4em Georgia,sans-serif;}
h4 {font: bold 1em Georgia,sans-serif;}
h1, h2, h3, h4 {margin-bottom: 5px;}
#paper_left {background: url("https://img.webme.com/pic/c/cssplantillas/grunges2.gif") no-repeat left top;
margin: 0 auto;padding-bottom: 34px;width: 778px;}
#paper_right {background: url("https://img.webme.com/pic/c/cssplantillas/grunges3.gif") no-repeat right bottom;}
#layout_wrapper {background: #50504A url("https://img.webme.com/pic/c/cssplantillas/grunges4.gif");
margin: 0 auto;width: 736px;}
#layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}
#header_image {height: 160px;border-bottom: 1px solid #222;border-top: 1px solid #111;
background: #222 url("https://img.webme.com/pic/c/cssplantillas/grunges5.jpg") no-repeat;	}
#site_title {background: #222;padding: 12px 20px;}
#site_title h1 	{color: #EED;font: normal 2em Georgia,sans-serif;margin: 0 0 5px;}
#site_title h2 {color: #BFBFB6;font:normal 1.1em sans-serif;margin: 0;}
#content{padding:10px;}
.navigation {background: #353535 url("https://img.webme.com/pic/c/cssplantillas/grunges6.jpg") repeat-x;
border-bottom: 1px solid #222;border-top: 1px solid #555;}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {border-right: 1px solid #303030;float: left;list-style: none;}
.navigation a {color: #AAA;display: block;font: bold 1em Verdana,sans-serif;
padding: 12px 14px;text-decoration: none;}
.navigation a:hover {background: #444;color: #E5E5D5;text-decoration: none;}
.navigation li.current_page_item a {background: none;color: #EEE;}
#subnav a {padding: 10px;font-size: 0.9em;}
#main {background: #4A4A4A;color: #CCC;}
#bottom {background: #222;border-bottom: 1px solid #1A1A1A;border-top: 1px solid #2A2A2A;
color: #AAA;padding: 16px;}
#bottom ul li {border-bottom: 1px solid #303030;}
#bottom ul li a {color: #777;display: block;padding: 4px 6px;}
#bottom ul li a:hover {background: #2A2A2A;color: #FFC;text-decoration: none;}
#footer{background:#222;padding:3px;font-size:10px;}
#footer a {color: #AAA;}
#footer .right,#footer .right a {color: #555;}
#footer a:hover {color: #BBB;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {display: block;line-height: 0;font-size: 0;}
.clearer {height: 0;}
.col3, .col3last {width: 31%; margin-right: 3%;}
.col3last {margin-right: 0;}
img.bordered {padding: 3px; background: #666;}
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}
.ptb10 {padding: 10px 0;}
.post {background: #363636;border-bottom: 1px solid #111;}
form {margin: 0; padding: 0;}
input#s, textarea, input.styled {background: #DDD;border: 3px solid #555;
font: normal 1em Verdana,sans-serif;padding: 3px;width: 160px;}
#webme_footer_textlink_dont_hide {color:#999;background-color:rgba(0, 0, 0, 0.0);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)

Descargar

[ CLICK PARA VER TUTORIAL ]

NOTAS:
Todo lo que debes editar esta en mayúsculas, en la linea 35 del código css, puedes editar y colocar tu propia imagen de cabezal, así mismo también puedes colocar tu propio fondo de pagina.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Grunge Superstar

Grunge Superstar

MUESTRA

INFORMACIÓN

- Codigo 01: Texto sobre el diseño

- Codigo 02: Texto por debajo de la página

- Codigo 03: CSS-Code

ENLAZANOS

Descarga

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado