Menú principal

Mostrando entradas con la etiqueta CSS. Mostrar todas las entradas
Mostrando entradas con la etiqueta CSS. Mostrar todas las entradas

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.