Enmarcar el título de las entradas
Fuente: spidercom.
5 del 2 de 2012
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:
· 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;
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
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.
PUBLICADO POR SISCO
