Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Títulos bicolor en los posts

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...

Diseño>edición HTML>expandimos artilugios

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:

Ten en cuenta que si no dejas un espacio antes de empezar a escribir la segunda parte del título, éste se verá "pegado".

Deybi dice...

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!.

Jaime Trujillo Escobedo dice...

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!.

Alfonso K. dice...

Genial Jaime!! me gusto este truco, muchas gracias por enseñarnoslo. Un saludo.

Jaime Trujillo Escobedo dice...

Alfonso K., me alegra mucho que te guste =)

Permite personalizar un poco más los títulos ^_^

¡Saludos!

CHiCken dice...

Hay alguna forma de que sea en cualquier texto que uno mismo ponga?

Jaime Trujillo Escobedo dice...

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.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo