Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Explicación para el filtro Drop Shadow

<style><!--
.dropshadow {Filter: dropshadow (color=gray,OffX=-3,OffY=4,Positive=1); height:12}
--></style>
El texto de arriba va entre <head> y </head>

Con este filtro aparecera una sombra del color que eligas.
Donde dice color, puede ser modificado por el color que tu desees en código RGB(#00FF00) o escribiendo el nombre del color en inglés (red, yellow, blue, etc.).

OffX y OffY nos indican las coordenadas (valores en X Y) en donde irá la sombra, los valores negativos están permitidos

En donde dice Positive si le das el valor de 0 la sombra quedará exactamente sobre el texto, si le das el valor de 1 la sombra quedará correctamente. Ejemplos:

Sombra Roja
Sombra Azul
Sombra en offX = 0 y offY = 3
Sombra en offX = 3 y offY = 0

.dropshadow indica el nombre de la clase, para establecer este efecto debes de poner el nombre de la clase inmediatamente después al nombre del elemento de esta manera class="dropshadow". Ejemplos:

Para un Link
<a href="index.htm" class="dropshadow">Texto que quieras</a> Resultado:
Texto que quieras

Para una imagen:
<img src="dibujo.gif" class="dropshadow"> Resultado:

(para una imagen debes de quitar height, el efecto se vé de esta manera por que la imagen tiene partes transparentes)

Para texto
<font class="dropshadow">Lo que quieras</font>
Lo que quieras
Recuerda que también puedes especificar la alineación, tipo de fuente, color, tamaño, etc.

Recuerda siempre aplicar este efecto como se muestra arriba, de otra manera sucederian algunos errores.

Puedes modificar height para reducir o ampliar el espacio entre líneas

¿Alguna pregunta sobre este efecto? Escribela a continuación junto con tu E-mail
  

« Regresar a la Página de inicio