Menú principal

martes, 20 de septiembre de 2011

Crea Bloques tipo Blogger con CSS

Primera aportación de CSS. Con este código de CSS podrás incluir bloques parecidas a las de este blog.
En primer lugar inserta este código.

body {
background-color: #171717;
background-image: url("http://www.blogblog.com/1kt/awesomeinc/body_background_dark.png");
}
p.metaltext {
color:white;
font-family: Verdana;
}
div.metal {
background-color: #141414;
border: 2px solid #222222;
}
h3.metal {
font: normal 22px Molengo;
color: white;
border-bottom: 4px groove #222222;
}

Después pon en HTML esto:
<div class="metal"><h3 class="metal">Insertar título</h3><p class="metaltext">Insertar texto</p></div>
Debería salirte algo como los gadgets que hay en este blog. Si lo quieres más parecido necesitarás la fuente Molengo instalada.

No hay comentarios:

Publicar un comentario