Profiel van Luigi¨˜”°º•†!•๑۩۞۩๑ЌłẲ٧ų$๑۩۞۩...Foto'sWeblogLijstenMeer ![]() | Help |
|
20 maart Effetti da applicare alle immaginiUna volta inserita un'immagine all'interno di un intervento, è possibile appliccare su tale immagine degli effetti particolari, tramite alcuni codici HTML.
Se non sapete dove trovare qualche immagine carina, provate a vedere qui. 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 Ecco alcuni esempi:
"Style=1"
"Style=2"
"Style=3" ![]() 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> - 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... (9) reactiesMeld je aan bij Windows Live ID om een reactie toe te voegen (als je Hotmail, Messenger of Xbox LIVE gebruikt, heb je al een Windows Live ID). Aanmelden Heb je geen Windows Live ID? Maak er nu een aan
Links naar je weblogDe URL voor de link naar dit weblogitem is: http://klavus87.spaces.live.com/blog/cns!601045A721F94306!632.trak Weblogs die naar dit item verwijzen
|
|
|