martes, 23 de junio de 2009

[ Resumen de Articulo ]
personalizar titulos de sidebar

[ Contenido del Articulo ]
la forma de añadir una imagen de fondo a los títulos de la sidebar.
Dentro de "Sidebar Content" está .sidebar h2{ pero no en todas las plantillas aparece igual, para los que NO ubiquen .sidebar h2{ en su plantilla deben situarse en:

/* Sidebar Content
-------------------- */

y añadir lo siguiente:

.sidebar h2{
background: url(url-de-la-imagen);
margin:0;
padding-left: 30px;
padding-top: 1px;
padding-bottom: 5px;
}

El efecto será una imagen de fondo justo detrás de los títulos.

Hay otras posibilidades para decorar los títulos de la sidebar. Si en .sidebar h2{ en lugar de añadir una imagen de fondo queremos añadir color bastaría con incluir:
background-color: #000000; (sustituyendo #000000 por un color de vuestro agrado)

La imaginación es la que cuenta a la hora de darle un toque personal a nuestra sidebar, también podemos enmarcarlo con:
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;

El grosor de la línea lo podemos modificar aumentando 1px. El enmarcado también podemos escogerlo si en lugar de una línea recta sustituimos "solid" por otro borde.

¿Y por qué no, una sencilla línea con un icono?

background: url(url-de-la-imagen) no-repeat;
border-bottom: 2px solid #000000;

fuente: http://gemablog-.blogspot.com/2008/03/personalizar-los-ttulos-de-la-sidebar.html

0 comentarios:

Publicar un comentario

------------------------------------------------------------------