NOTA: Estos efectos solo funcionan con Internet Explorer 6 o superior, no funcionarán con navegadores como Mozilla Firefox, Opera u otros.
|
| |
Selecciona un triangulo o fondo y luego un color. Veras que se generará un código hexadecimal para colocar en tu Windows Live Spaces. |
| |
|
| |
Efecto Glow 1 (Resplandor Suave) |
| |
| |
Código HTML
|
| |
<div style="filter: glow(color=BLUE, strength=8); width: 100%; height: 50px;" align="center"><font face="Arial, Helvetica, sans-serif" color="#FF9900" size="5"><em><STRONG>Texto a colocar - editame</STRONG></em></font></div>
|
| |
Parámetros
|
| |
Color 1
COLOR DEL RESPLANDOR. Puedes usar los colores en ingles (Ejemplo: Red, Blue, Green, Black, etc) o también colores hexadecimales.
Strength
Establece en pixeles (1-100) la intensidad del resplandor.
Color 2
Color de la letra
|
| |
Resultado
|
| |
Texto a colocar - editame |
| |
|
| |
Efecto Glow 2 (Resplandor fuerte) |
| |
Código HTML
|
| |
<div style="filter: glow(color=BLUE, strength=30); WIDTH: 100%; HEIGHT: 100px;" align="center"><br />
<br />
<p><font face="Arial" color="#CC00FF" size="5"><em><STRONG>Texto a colocar - editame</STRONG></em></font></div>
|
| |
Parámetros
|
| |
Color 1
COLOR DEL RESPLANDOR. Puedes usar los colores en ingles (Ejemplo: Red, Blue, Green, Black, etc) o también colores hexadecimales.
Strength
Establece los pixeles (1-100) de la intensidad del resplandor.
Color 2
Color de la letra
|
| |
Resultado
|
| |
Texto a colocar - editame
|
| |
|
| |
| |
Efecto Shadow (Sombra) |
| |
Código HTML
|
| |
<div style="filter: shadow(color=#3366FF, direction=135); width: 100%; height: 50px;" align="center"><font face="Arial, Helvetica, sans-serif" color="#3366FF" size="5"><em><STRONG>Texto a colocar - editame</STRONG></em></font></div>
|
| |
Parámetros
|
| |
Color 1
COLOR DE LA SOMBRA. Puedes usar los colores en ingles (Ejemplo: Red, Blue, Green, Black, etc) o también colores hexadecimales.
Direction
Establece la dirección de la sombra, puedes cambiar la dirección aumentando 45 grados.
Color 2
Color de la letra
|
| |
Resultado
|
| |
Texto a colocar - editame
|
| |
|
| |
| |
Efecto Blur 1 (Desenfocar - Manteniendo aspecto original ) |
| |
Código HTML
|
| |
<div style="filter: blur(add=true, direction=135, strength=30); width: 100%; height: 50px;" align="center"><font face="Arial, Helvetica, sans-serif" color="#3366FF" size="5"><em><STRONG><br />
<br />
Texto a colocar - editame</STRONG></em></font><br />
<br />
<br />
<br />
</div>
|
| |
Parámetros
|
| |
Add
True: Desenfoca manteniendo el texto original.
False: Desenfoca sin mantener el texto original.
Direction
Establece la dirección del desenfoque, puedes cambiar la dirección aumentando 45 grados.
Strength
Establece en pixeles (1-100) la intensidad del desenfoque.
Color
Color de la letra
|
| |
Resultado
|
| |
Texto a colocar - editame
|
| |
|
| |
Efecto Blur 2 (Desenfocar - Sin mantener aspecto original) |
| |
Código HTML
|
| |
<div style="filter: blur(add=false, direction=135, strength=5); width: 100%; height: 50px;" align="center"><font face="Arial, Helvetica, sans-serif" color="#3366FF" size="5"><em><strong>Texto a colocar - editame</strong></em></font></div>
|
| |
Parámetros
|
| |
Add
True: Desenfoca manteniendo el texto original.
False: Desenfoca sin mantener el texto original.
Direction
Establece la dirección del desenfoque, puedes cambiar la dirección aumentando 45 grados.
Strength
Establece en pixeles (1-100) la intensidad del desenfoque. Recomiendo que el desenfoque en el texto tenga el valor 5
Color
Color de la letra
|
| |
Resultado
|
| |
Texto a colocar - editame |
| |
|
| |
Efecto DropShadow (Sombra sólida) |
| |
Código HTML
|
| |
<div style="filter: dropshadow(color=#999999, offx=-5, offy=-5, positive=true); width: 100%; height: 50px;" align="center"><font face="Arial, Helvetica, sans-serif" color="#3366FF" size="5"><em><STRONG>Texto a colocar - editame</STRONG></em></font></div>
|
| |
Parámetros
|
| |
Color 1
COLOR DE LA SOMBRA. Puedes usar los colores en ingles (Ejemplo: Red, Blue, Green, Black, etc) o también colores hexadecimales.
OffX
Coordenada X para la sombra
OffY
Coordenada Y para la sombra
Positive:
True: Crea sombra para pixeles no transparentes.
False:
Crea sombra para pixeles transparentes.
Color
Color de la letra
|
| |
Resultado
|
| |
Texto a colocar - editame |
| |
|
| |
Efecto Alpha (Efecto con transparencia - Estilo 1) |
| |
Código HTML
|
| |
<div style="filter: alpha(finishopacity=0, style=1); width: 100%; background-color:#6633FF" align="center"><font face="Arial, Helvetica, sans-serif" color="#FFCC33" size="5"><em><STRONG>Texto a colocar - editame -Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame<br /></STRONG></em></font></div>
|
| |
Parámetros
|
| |
Opacity
Establece la opacidad . Crea un efecto gradiente cuando usamos con "finishopacity". 0=invisible, 100=opaco.
FinishOpacity
Establece la opacidad . 0=invisible, 100=opaco.
Style
Establece el tipo de gradiente. 1 es horizontal, 2 es radial, 3 es rectangular.
Background-color
Color de fondo de la transparencia
Color
Color de la letra
|
| |
Resultado
|
| |
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
|
| |
|
| |
Efecto Alpha (Efecto con transparencia - Estilo 2) |
| |
Código HTML
|
| |
<div style="filter: alpha(finishopacity=0, style=2); width: 100%; background-color:#6633FF" align="center"><font face="Arial, Helvetica, sans-serif" color="#FFCC33" size="5"><em><strong>Texto a colocar - editame<br />Texto a colocar - editame -Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame<br />
</strong></em></font></div>
|
| |
Resultado
|
| |
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
|
| |
|
| |
Efecto Alpha (Efecto con transparencia - Estilo 3) |
| |
Código HTML
|
| |
<div style="filter: alpha(finishopacity=0, style=3); width: 100%; background-color:#6633FF" align="center"><font face="Arial, Helvetica, sans-serif" color="#FFCC33"size="5"><em><strong>Texto a colocar - editame<br />Texto a colocar - editame -Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame - Texto a colocar - editame<br />
</strong></em></font></div>
|
| |
Resultado
|
| |
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
Texto a colocar - editame
|
| |
Live Spaces 
