Títulos dobles en la sidebar

Es un efecto muy lindo para mostrar de una forma original los títulos en nuestra sidebar.

1- Hemos de colocar este código en el CSS de nuestra plantilla, por ejemplo, antes de ]]></b:skin>


/*- Doble título-------------------------- */
h5{
margin: 0;
font-weight: normal;
color: #d8f7af;
font-size: 2.2em;
position: relative;
}

h6{
margin: 0;
display: inline;
position: relative;
top: -.5em;
left: 2em;
font-size: 1.5em;
font-weight: normal;
color: #94c258;
}

Podemos cambiar el color por el que más se ajuste a nuestras necesidades e incluso el tamaño del texto (fuente).

2- Vamos a nuestra plantilla /Página de elementos /Añadir un nuevo elemento HTML-Javascript. Dejamos la cajita para el título en blanco y dentro del nuevo elemento pegamos:


<h5>...NUESTRO TITULO...</h5>
<h6>...NUESTRO TITULO...</h6>


Sustituimos "NUESTRO TÍTULO" por el título que vamos a darle al elemento.
Esto hará que el título del elemento tenga el "efecto duplicado", justo debajo incluimos el contenido del elemento (un contador, links, o lo que sea que queramos), guardamos cambios.



Visto en: BlogU