Aqui les muestro diferentes códigos HTML para darle efecto a las letras en MSN Spaces. Clic en leer más para ver los códigos.
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
|
| |
Loading ...
[size=medium][/size] :woohoo: