Enmarcar el título de las entradas

Hasta el momento hemos enmarcado :

· La fecha de nuestros post.

· El pie del post.

Hoy lo que haremos es enmarcar el título de los post:


Accederemos a “Edición de HTML”, no es necesario expandir artilugios.

Buscaremos /*Posts

Y luego el siguiente código:

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

color:$titlecolor;

Eliminamos:

color:$titlecolor;

Y pegamos el siguiente código:

background-color: #99C9FF;

Si queremos centrar el título del post añadiremos:

text-align:center;

Este es el resultado:

Podemos añadir también un borde pegando en el mismo sitio el siguiente código:

border: dotted #000000; 4px

Quedaria asi:

El código final con todas nuestras modificaciones seria este:

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:140%;

font-weight:normal;

line-height:1.4em;

background-color: #99C9FF;

text-align:center;

border: dotted #000000; 4px

}

Por supuesto podemos modificar el color de fondo (#99C9FF;) y el grosor del marco (line-height:1.4em;), el tipo de borde (dotted), también podriamos incluir mas cosas como por ejemplo una imagen de fondo.

Related Posts with Thumbnails