Poner T??tulos de dos colores en el sidebar del BLOG

  • mayo 9, 2010

En la plantilla M??nima de Blogger, por defecto hay un solo encabezado que define tanto la fecha de los posts como los t??tulos del sidebar, y que es simplemente h2. En otras plantillas, es probable que el t??tulo del sidebar aparezca como .sidebar h2 (o #sidebar-wrapper h2), y si no, debi??semos definirlo como tal, para que tenga propiedades distintas e independientes de la fecha de los posts.
Por ejemplo:

.sidebar h2 {
color: #ff0080;
font-size: 16px;
font-weight: bold;
text-transform: none;
letter-spacing:0;
}

En este caso, quiero que no haya espacio entre caracteres (letter-spacing), que las letras no se muestren todas como may??sculas (text-transform: none), y defin?? las propiedades que quiero para la letra: color fucia, tama??o, letra en negrita y quiz??s tambi??n una fuente distinta. Con ello, el t??tulo se mostrar?? de un solo color. Pero como lo que yo quiero es que los t??tulos se muestren en dos colores distintos (como eneste demo), tengo que hacer lo siguiente:
1. Ir a la edici??n de HTML y expandir los artilugios.
2. Antes de ]]>< /b:skin >, definir el segundo color que quiero para el t??tulo de mi sidebar, de la siguiente manera:

.azul {
color:#0F6084;
padding-left:5px; /* espacio entre la 1?? y la 2?? parte del t??tulo */
}

3. Bajo div id=???sidebar-wrapper??? est??n localizados los widgets. Por ejemplo, si quiero modificar el widget que lleva por t??tulo ???Archivo del blog???, debo buscar un c??digo como el siguiente en mi plantilla:

Aqu?? cambio el t??tulo (title), desde ???Archivo del blog??? a s??lo ???Archivo???, para que no se muestren las tres palabras del mismo color. Luego, antes de < /h2>a??ado < span class=???azul??? >del blog < /span > para determinar la segunda parte de mi t??tulo, de la siguiente manera:

Esto nos permite mostrar tambi??n la primera letra del t??tulo distinta (color, fuente, tama??o), o el t??tulo con tres colores, para que se vea como en degradado.
*Lo vi en Template-Godown

No Comments Found

Deja un comentario