Hace tiempo ví en un blog que los títulos de los gadgets que había en la sidebar eran bicolor.
Las frases estaban divididas en colores y tenía un aspecto muy elegante. El martes ví que Gema, había publicado el truco de los títulos bicolor en la sidebar.
Pensé que sería buena idea tener este efecto también en los títulos de las entradas. Si deseas que tus frases tengan un aspecto elegante y llamativo, aquí te dejo con el truco de los títulos bicolor...
Busca la etiqueta ]]></b:skin> y encima pega este bloque de CSS:
.post h3 span {
color: #00CC66;
}
Este bloque representa el color de la segunda mitad del título. La primera mitad del título será del color que tengas puesto en el bloque de:
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#009966;
}
La línea en rojo representa la línea del color.
En ambos casos, lo que te muestro en verde es el código del color. Puedes ver todos los colores usando la tabla de colores.
Por último, para colocar el título bicolor en los títulos debes usar esta línea:
<h3>Primera parte<span> Segunda parte</span></h3>
Sustituyendo Primera parte por la mitad del título y Segunda parte por la mitad restante.
Nota:
Mira que cool te ha quedado la explicación. Jaime. Entonces me imagíno que el código lo ponemos donde agregamos el título normalito.
Jejeje, sería un enorme trabajo para los que tenemos ya muchas entradas publicadas, ¡juas!.
¡Saludos!.
Deybi, jajajaja =) Así es, deben ser agregados manualmente.
Es cierto que será un enorme trabajo para los que tengan muchos posts, aunque también puede usarse para destacar alguna entrada en especial, como un índice, un premio...
¡Saludines!.
Genial Jaime!! me gusto este truco, muchas gracias por enseñarnoslo. Un saludo.
Alfonso K., me alegra mucho que te guste =)
Permite personalizar un poco más los títulos ^_^
¡Saludos!
Hay alguna forma de que sea en cualquier texto que uno mismo ponga?
Por supuesto, CHiCken. A decir verdad, bastará con seguir los pasos de la entrada y pegar la última línea de código en cualquier sitio (ya sea una entrada o un gadget) para mostrar el título bicolor.