Efecto de sombras en los títulos de los post

EJEMPLO EJEMPLO EJEMPLO

Este efecto es visible por todos los visitantes que tengamos a excepción de los que utilicen Internet explorer.

Se puede utilizar dentro de los post o bien en los títulos de los mismos.

Recomiendo que si lo vais a usar lo hagáis con prudencia ya que puede ser cansino para vuestros visitantes si lo usáis demasiado.



Para usarlo en el título de las entradas debemos:

-Ir a Diseño>Edición de HTML

-Buscamos ]]></b:skin>  y justo antes pegamos este código;

.post-title {

text-shadow: #6374AB 10px -10px 3px;

}





Para usarlo dentro de una entrada usaremos este otro código:

<span style="text-shadow: #6374AB 10px -10px 3px;">Aquí va tu texto</span>





Podemos modificar el efecto de las siguientes formas:

#6374AB es el color de la sombra

10px es el margen derecho entre la sombra y donde se inicia el texto

-10px es la distancia entre arriba entre la sombra y el texto

3xp es el difuminado de la sombra, a más alto número mayor borrosidad de la sombra