Effetti da applicare alle immagini

Una volta inserita un’immagine all’interno di un intervento, è possibile appliccare su tale immagine degli effetti particolari, tramite alcuni codici HTML.

Per inserire un’immagine possiamo usare questo codice:

<img src="Indirizzo dell’immagine"> 


Per centrare l’immagine utilizzate questo codice:

<P align=center><img src="Indirizzo dell’immagine">

 


Per avere l’immagine in bianco e nero usate questo codice: 

<img style="FILTER: Gray" src="Indirizzo dell’immagine">


 


Per avere l’immagine in bianco e nero più accentuato utilizzate questo codice:

<img style="FILTER: Xray" src="Indirizzo dell’immagine">

 


Per avere l’immagine capovolta di 180° utilizzate questo codice:

<img style="FILTER: FlipV" src="Indirizzo dell’immagine">


 


Per invertire i colori usate questo codice:

<img style="FILTER: Invert" src="Indirizzo dell’immagine">


 


Per avere l’effetto specchio utilizzate questo codice:

<img style="FILTER: FlipH" src="Indirizzo dell’immagine">


 


Per avere l’effetto vento (foto in movimento) utilizzate questo codice (cambiando il valore "Direction" varia anche l’intensità dell’effetto:

<img style="FILTER: Blur(direction=135)" src="Indirizzo dell’immagine">

 



Per ottenere l’effetto ondulato utilizzate questo codice (modificate i valori numerici per ottenere effetti diversi):

<img style="FILTER: Wave(freq=5,strenght=12,lightstrenght=5,phase=0)" src="Indirizzo dell’immagine">


 


Ricordo che per centrare l’immagine bisogna incollare prima dell’immagine il codice

<P align=center>

Per spostare l’immagine a destra bisogna incollare prima dell’immagine il codice

<P align=right>

Per spostare l’immagine a sinistra bisogna incollare prima dell’immagine il codice

<P align=left>


E’ possibile inoltre applicare ulteriori effetti alle immagini… Uno di questi riguarda l’opacità delle immagini stesse.

Ecco come fare:

Copiate il seguente codice:

<IMG style="filter: alpha(Opacity=100, FinishOpacity=0, Style=2)" src="Inserisci qui l’indirizzo URL dell’immagine">

I valori "Opacity" e "FinishOpacity" possono essere modificati a vostro piacimento.

Per quanto riguarda il valore "Opacity", inserendo il valore 100 avrete l’immagine perfettamente visibile, inserendo come valore 0 avrete l’immagine invisibile.

Il valore "FinishOpacity" serve a definire la nitidezza degli angoli dell’immagine: inserendo lo stesso valore sia in "Opacity" sia in "FinishOpacity" l’immagine sarà perfettamente visibile in ogni punto.

Il valore "Style" può essere modificato in tre modi differenti: con il valore 1 l’immagine verrà sfumata da sinistra a destra; con il valore 2 l’immagine verrà sfumata al centro; con il valore 3 l’immagine verrà sfumata negli angoli

 

 

Un ultimo effetto che potete applicare alle vostre immagini è inserire il testo sulle immagini stesse.

Ecco come fare:

– Copiate il seguente codice:

<div style="width: 150; height: 205" align=right>
<IMG src="Indirizzo dell’immagine" align=right>
<div style="float: right; WIDTH: 406px; HEIGHT: 304px" align=center>
<p align="center"><font face="Times New Roman">Inserisci qui il testo da visualizzare sull’immagine</font>
</div>

Aggiungete un nuovo intervento e cliccate sul pulsante HTML

– Incollate nell’intervento il codice che vi ho appena fornito.

I valori numerici possono essere modificati a vostro piacimento; nella sezione "font face" potete scegliere il carattere da utulizzare. I font disponibili sono: Verdana, Tahoma, Arial, Arial Black, Garamond, Lucida Handwriting e Courier New.

ATTENZIONE: Gli effetti appena descritti possono essere visualizzati solo se visualizzate il blog con Internet Explorer… Se utilizzate Mozilla Firefox gli effetti non vengono visualizzati.

Se avete bisogno di aiuto contattatemi… 

This entry was posted in Uncategorized. Bookmark the permalink.

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