13 enero 2011

Centrar títulos sidebar (gadget)


Para centrar los títulos de la sidebar en las plantillas de diseño es muy fácil, tan solo deberéis copiar el código y colocarlo antes de ]]></b:skin> en vuestras plantillas.

código:
/* Headings
----------------------------------------------- */
h2 {
-moz-border-radius: 4px;
background-color: #780909;
color: white;
font-family: 'Century Gothic';
font-size: 16px;
font-weight: bold;
height: 20px;
line-height: 20px;
text-align:center;
width: 100%;
}


Personalización:


background-color: #780909;fondo del color
color: white;color título
font-size: 16px;tamaño del texto

height: 20px;altura del fondo
line-height: 20px;altura del fondo

Cada código lleva explicado sus referencias, si queréis cambiar los colores lo podréis hacer desde AQUÍ

7 comentarios

Gran iniciativa la de publicar artículos sobre estas cuestiones. No dejaré de visitarte y aplicar lo que nos propongas.

Un saludo.

Gracias, me ha servido de ayuda ;)

Muchas gracias me a servido enormemente

Oye un detallito, la fecha de los post tambien se centra, y no queda muy bien...

Hay manera de saltarse eso???

Saludos y gracias por el aporte =)

Este comentario ha sido eliminado por un administrador del blog.
Este comentario ha sido eliminado por un administrador del blog.

En realidad no es necesario poner todo este código, sólo se necesita poner, como se indico en este artículo, antes de: ]]>
poner: h2 {text-align:center;}
Así no se modificara el texto ni el fondo de sus gadgets, e incluso, si se tiene un título de dos o más renglones de largo, no se pegará al gadget...
Saludos, les dejo mi blog para que vean como queda JhovaniAguirre


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"