0
Este truco consiste en aplicar un estilo CSS a los totulos de los posts para que tengan un efecto de sombra. Cabe aclarar que este efecto por "desgracia" no se puede visualizar en IE pero en los demas navegadores se ve perfectamente.
Lo primero que hay que hacer es irse a la plantilla y buscar (recuerda CRTL+F para buscar) el tag ]]></b:skin> y arriba de el debes colocar el siguiente codigo:
Eso hara que tus titulos se vean de la siguiente manera:
Explicacion del codigo: #6374AB 10px -10px 3px
#6374AB este es codigo hexadecimal del color de la sombra
10px esta es la distancia en el eje X de la sombra con respecto a las letras
-10px esta es la distancia en el eje Y de la sombra con respecto a las letras
3px esta es la difuminacion o densidad de la sombra
Jugando con el efecto CSS TEXT-SHADOW
El efecto se ve muy bien, pero tambien se puede jugar un poco con el efecto "text-shadow" a mi me gusta simular un efecto tipo "iluminacion" al pasar el mouse sobre el texto, aqui un ejemplo:
Para aplicar ese efecto a los titulos lo que deberias hacer es aplicar un estilo del tipo :hover el codigo CSS quedaria de la siguiente manera:
Si te fijas lo que se hace es ponerle una distancia 0(cero) a los ejes "X" y "Y" y ponerle una difuminacion de 10px a la sombra y el color de la sombra tu lo decides, aqui en esta web puedes ver los codigos hexadecimanes de los colores para que se te facilite tu tarea.
Estos efectos le dan un realce a tus titulos y le dan un estilo muy elegante
Pasos:
Lo primero que hay que hacer es irse a la plantilla y buscar (recuerda CRTL+F para buscar) el tag ]]></b:skin> y arriba de el debes colocar el siguiente codigo:
.post-title {
text-shadow: #6374AB 10px -10px 3px;
}Eso hara que tus titulos se vean de la siguiente manera:
Titulo de un post con efecto sombra
Explicacion del codigo: #6374AB 10px -10px 3px
#6374AB este es codigo hexadecimal del color de la sombra
10px esta es la distancia en el eje X de la sombra con respecto a las letras
-10px esta es la distancia en el eje Y de la sombra con respecto a las letras
3px esta es la difuminacion o densidad de la sombra
Jugando con el efecto CSS TEXT-SHADOW
El efecto se ve muy bien, pero tambien se puede jugar un poco con el efecto "text-shadow" a mi me gusta simular un efecto tipo "iluminacion" al pasar el mouse sobre el texto, aqui un ejemplo:
Para aplicar ese efecto a los titulos lo que deberias hacer es aplicar un estilo del tipo :hover el codigo CSS quedaria de la siguiente manera:
.post-title:hover {
text-shadow: #6374AB 0 0 10px;
}Si te fijas lo que se hace es ponerle una distancia 0(cero) a los ejes "X" y "Y" y ponerle una difuminacion de 10px a la sombra y el color de la sombra tu lo decides, aqui en esta web puedes ver los codigos hexadecimanes de los colores para que se te facilite tu tarea.
Estos efectos le dan un realce a tus titulos y le dan un estilo muy elegante
0Comentarios!