sábado, 13 de septiembre de 2008

HACER UN MARCO A LOS TÍTULOS DE LOS POST

Para que no os aburrais sin tocar el código de vuestra plantilla, ejejjeje, os traigo un pequeño truquito con el que hacer que los títulos de vuestras entradas-post, tenga un marco decorativo alrededor.

1º Para eso debemos de buscar en nuestra Plantilla la parte del código siguiente:

.post h3 {

margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}


2º Añadimos este otro cachito de código:

.post h3 {
margin:.25em 0 0;
padding:5 5
5px;
font-size:140%;
text-align:
center;
text-transform:uppercase;
font-weight:bold;
border: 1px solid;
line-height:1.4em;
color:$titlecolor;}


3º Modificamos a nuestro gusto el marco:

- Donde pone "border: 1px solid;" es donde elegimos el grosor de la línea que enmarca nuestro título, así que a mayor número....mayor grosor.

- En la misma línea de antes podemos elegir diferentes tipos de raya: solid (línea recta), dotted (línea de puntos), dashed (línea con rayitas), double (doble línea recta).

4º Guardamos los cambios y ya ta, "gualá".

1 comentario:

Anónimo dijo...

HOLA ME PUEDES DAR EL CODIGO COMO PONER EL ESPACIO CON TRES LINEAS.
INTENTE HACERLO PERO ALGO FALLA Y NOSE QUE ES.

GRACIAS POR SU ATENCION.

girasoldreams@aol.com

me lo puedes enviar al correo.. es que no pude poner el que tienes aqui..