Effetti da applicare al testo

 

 

 

Utilizzando i codici HTML è possibile utilizzare delle scritte personalizzate che di sicuro rendono più belli ed unici i vostri interventi…

Ecco come dovete fare per utilizare le vostre scritte particolari…

-Cliccate sul link "Aggiungi" all’interno del blog per iniziare a scrivere un nuovo intervento.

-A questo punto cliccate sul pulsante HTML

-Cancellate quello che c’è scritto all’interno ed incollate uno dei codici che vi dirò tra poco!

-Pubblicate il commento ed il gioco è fatto.

Ci sono diversi codici che potete inserire, ed ognuno può essere modificato a vostro piacimento…

Ecco la lista dei codici che potete utilizzare, poi alla fine vi dirò come modificarli a vostro piacimento:

EFFETTO GLOW:

Testo che visualizzate

Testo che visualizzate

Testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<DIV style="FONT-SIZE: 12pt; FILTER: glow(color=green); WIDTH: 100%; FONT-FAMILY: "Tahoma" color="#ffffff"><P style="LINE-HEIGHT: 150%">Scrivi qui il tuo testo</P></DIV>


EFFETTO SHADOW (OMBRA):

Testo che visualizzate

Testo che visualizzate

 

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO WAVE (ONDA):

testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO FLIPV (PIEGATO ORIZZONTALMENTE):

Testo che visualizzate

Effetto che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO DROP SHADOW (OMBRA INVERTITA):

Testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO BLUR (OMBRA E TESTO IN TRASPARENZA):

Testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO ALPHA (TRASPARENZA INIZIALE O FINALE):

Testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO ALPHA (TRASPARENZA INIZIALE E FINALE):

Testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO FLIPH (PIEGATO VERTICALMENTE-SPECCHIO):

Testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO MASK (CON UNO SFONDO COLORATO):

Testo da visualizzare

Testo da visualizzare

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO DROP SHADOW (SECONDA OMBRA MENO VISIBILE):

Testo che visualizzate

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>


EFFETTO CROMA (MULTICOLORE):

Testo che visualizzate

Per inserire questo effetto dovete usare questo codice HTML:

<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>

Questi sono i codici disponibili… Come vi ho anticipato, possono essere modificati a vostro piacimento.

I parametri che possono essere modificati in tutti questi codici sono questi:

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… Per maggiori informazioni in ogni caso potete vedere qui.

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 Code it!

Se avete bisogno d’aiuto contattatemi pure…

 

This entry was posted in Uncategorized. Bookmark the permalink.

One Response to Effetti da applicare al testo

  1. Thaira says:

    Ciao, ho trovato dei consigli veramente utili..ma volevo kiederti una cosa riguardo le scritte x gli interventi come le tue: Xkè ormai in tutti i blog ke le mettono a disposizione nn si visualizzano + le anteprime?Grazie mille!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s