EFFETS DE TEXTE

Les différents codes possibles pour toute sorte d’effets

A vous de changer les parametres des codes en modifiant les codes des couleurs les grandeurs des polices , ainsi que les polices elles mêmes
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: Glow(Color=#FF0000, Strength=6)">TEXTE</span> TEXTE
 
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Glow(Color=#00FF00, Strength=8)">TEXTE</span>
 TEXTE
             
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)">TEXTE</span>
TEXTE
          
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: orange; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)">TEXTE</span>
TEXTE
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipV*">TEXTE</span>
 TEXTEaussi possible avec flipH
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)">TEXTE</span>
TEXTE
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: yellow; Filter: Blur(Add = 1, Direction = 225, Strength = 10)">TEXTE</span>
 TEXTE
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">TEXTE</span>
 TEXTE
<span style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Mask(Color=#ff3300)">TEXTE</span>TEXTE
Wave:
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: aqua; filter: wave(add=0, freq=1, lightstrength=20, phase=10, strength=10)">Texte</span>

Texte
blur:
<span style="width: 200; height: 100; font-size: 20px; font-family: verdana; color: teal; filter: shadow(color=#FF8C69, direction=200)">Texte</span>

TEXTE

à partir d’ici C bug!!!
 
 OPACITE UNIFORME

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=25); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">TEXTE</SPAN>
 

Texte

OPACITE LINEAIRE

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=1,opacity=25,finishOpacity=100,startX=0,finishX=100,startY=100,finishY=0); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">Texte</SPAN> 

texte

OPACITE RADIALE

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=2,opacity=25,finishOpacity=100); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">Texte</SPAN>
 

texte

OPACITE RECTANGULAIRE

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Alpha( style=3,opacity=25,finishOpacity=100); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">texte</SPAN>
 

texte

TROUBLE SUR IMAGE ET TEXTE

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Blur( PixelRadius=5,MakeShadow=false); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px">Texte</SPAN>  

TEXTE

TROUBLE AVEC OMBRE

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Blur( PixelRadius=5,MakeShadow=true,ShadowOpacity=1.00); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px">Texte</SPAN> 

TEXTE

ENGRAVE

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Engrave( ); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">Texte </SPAN>  

Texte

MOTION BLUR

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.MotionBlur(direction=0,strength=5); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">Texte</SPAN>
 

Texte

PIXELISATION

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Pixelate( maxsquare=10); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">Texte </DIV></SPAN>  

Texte 

VAGUE SUR IMAGE ET TEXTE

<SPAN id=imgObj style="PADDING-RIGHT: 10px; PADDING-LEFT: 13px; FILTER: progid:DXImageTransform.Microsoft.Wave(freq=1,LightStrength=10,Phase=10,Strength=5); FONT: bold 9pt/1.3 verdana; WIDTH: 305px; COLOR: darkred; HEIGHT: 150px; BACKGROUND-COLOR: skyblue">Texte</SPAN>  

Texte

<DIV style="WIDTH: 372px; HEIGHT: 30px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=20 src="http://x4.putfile.com/5/13604591263.gif" width=360 align=right>
<DIV style="FONT-SIZE: 18px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 20px; " align=center><FONT color=#ff0000><B>TEXTE</B> </FONT></DIV></DIV>
 
 <DIV id=texture style="WIDTH: 372px; HEIGHT: 48px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=38 src="http://x4.putfile.com/5/13604583984.gif" width=360 align=right>
<DIV style="FONT-SIZE: 34px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 38px; " align=center><FONT color=#ff0000><B>TEXTE</B> </FONT></DIV></DIV>
<DIV id=texture style="WIDTH: 372px; HEIGHT: 38px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right> <IMG height=30 src="http://x4.putfile.com/5/13604552460.gif" width=360 align=right>
<DIV style="FONT-SIZE: 26px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 26px; " align=center><FONT color=#ff0000><B>TEXTE</B> </FONT></DIV></DIV>
<P><BR></P>
 
<DIV id=texture style="WIDTH: 372px; HEIGHT: 40px"><IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=30 src="http://x3.putfile.com/2/5609332151.gif" width=360 align=right>
<DIV style="FONT-SIZE: 24px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 30px;" align=center><FONT color=#ff0000><B>TEXTE</B> </FONT> </DIV></DIV>
<P><BR></P>
 <DIV id=texture style="WIDTH: 372px; HEIGHT: 18px"> <IMG height=1 src="http://x4.putfile.com/5/13604392396.gif" width=372 align=right><IMG height=18 src="http://x4.putfile.com/5/13604404542.gif" width=360 align=right>
<DIV style="FONT-SIZE: 12px; FILTER: Chroma(color=#FF0000); FLOAT: left; WIDTH: 372px; HEIGHT: 18px; " align=center><FONT color= #ff0000><B>TEXTE</B></FONT> </DIV></DIV>
<P><BR></P>
 

En gros tout ca ca bug!!!   

a manier avec précossion! 

info sur http://www.netcolony.com/demo/filters.html

 

Publicités
Cet article a été publié dans Blogosphère. Ajoutez ce permalien à vos favoris.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s