ci sono vari effetti da applicare al testo per renderli quindi mlto particolari ed abbellire i nostri blog

per farlo dobbiamo inserire dei codici HTML cliccando col mouse su HTML  in alto a sinistra quando scriviamo un intervento nel blog oppure inserire direttamente il codice in un custom HTML

ecco i codici con i relativi effetti che possiamo applicare:

inserendo questo codice:

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: red; Filter: Shadow(Color=#0000FF, Direction=225)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(GLOW):

inserendo questo codice:

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: orange; Filter: Wave(Add=0, Freq=2, LightStrength=20, Phase=10, Strength=5)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(SHADOW):

inserendo questo codice(WAVE):

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipV"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo (PIEGATO):

inserendo questo codice:

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: blue; Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(DROP SHADOW):

inserendo questo codice:

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: yellow; Filter: Blur(Add = 1, Direction = 225, Strength = 10)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(BLUR):

inserendo questo codice:

<div 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)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(ALPHA):

 

inserendo questo codice:

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=0, StartY=0, FinishX=580, FinishY=0)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(ALPHA):

 

inserendo questo codice:

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: purple; Filter: FlipH"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(FLIPH):

inserendo questo codice:

<div style="width: 100%; font-size: 24px; font-family: Arial Black; color: green; Filter: Mask(Color=#00FF00)"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(MASK):

inserendo questo codice:

<div style="FONT-SIZE: 28pt; FILTER: DropShadow(Color=Black, OffX=2, OffY=2, Positive=1); WIDTH: 100%; COLOR: #0000ff; FONT-FAMILY: Bauhaus 93"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</p></div>

visualizzeremo questo effetto(DROP SHADOW): 

inserendo questo codice:

<DIV 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; BACKGROUND-COLOR: black" align=center><FONT color=#ff0000><B>Testo che visualizzate</B></FONT></DIV></DIV></DIV>

visualizzeremo questo effetto(CROMA):

Testo che visualizzate

tali codici possono comunque essere modificati a nostro piacimento infatti:

Font-Size: indica la grandezza del carattere e voi potete scegliere quello che volete... Ricordate però di inserire alla fine del numero "pt"... Per esempio per scegliere la grandezza di 14 punti dovete scrivere 14pt, e così via...

Font-Family: potete impostare il carattere che volete per la scrittura. Vi ricordo che ci sono alcune limitazioni per questa funzione...

Color: Qui potete scegliere i colori... La scelta può essere fatta in due modi: o scrivete il nome del colore in inglese, oppure utilizzate i codici esadecimali.

Nello specifico invece potete modificare i seguenti valori... per esempio l'inclinazione dell'ombra in alcuni effetti, o magari il livello di trasparenza in altri effetti:

Effetto Shadow: Potete modificare il valore "Direction"

Effetto Wave: Potete modificare i valori "Add", "Freq", "LightStrength", "Phase" e "Strength".

Effetto Drop Shadow: Potete modificare i valori "OffX", "OffY" e "Positive".

Effetto Blur: Potete modificare i valori "Add", "Direction" e "Strength".

Effetto Alpha: Potete modificare i valori "Opacity", "FinishOpacity", "Style", "StartX", "StartY", "FinishX" e "FinishY".

Per il resto non dovete modificare nulla...

Vi ricordo che per applicare degli effetti al testo potete anche utilizzare l'ottimo programma codeit!

segue effetti da applicare al testo 2.

Se avete bisogno d'aiuto contattatemi pure...