Inserire un'immagine

Per inserire un'immagine in un intervento del blog è necessario un parametro HTML, in quanto l'opzione di default dello space permette solamente di aggiungere una piccola immagine in fondo agli interventi. Quindi se vogliamo qualcosa di più visibile, clicchiamo sul bottone HTML posizionato a destra dei comandi stile word del editor del blog e apparirà una schermata bianca nel quale inseriamo il seguente codice

Tra le virgolette dovete l'incollare url completo dell'immagine che volete inserire !!!
Ad esempio se vogliamo mostrare sul blog questa immagine , dovremo prelevare il suo indirizzo e incoporarlo nel codice sopracitato, per cui avremo :
<img src="http://www.isola-atlantide.com/banner/banner_2.gif" />

Ripeto, l'immagine deve essere presente su internet, non si può mettere un'immagine presente sul vostro pc. Se avete sul computer una foto che volete pubblicare nel blog, dovete prima metterla in rete !!! Come fare? Esistono dei siti, detti free hosting che permettono di caricare i vostri files e di collocarli in un determinato indirizzo che potrete usare per pubblicare le vostre foto nel blog. Quello che uso io è Photobucket, ma ce ne sono molti altri :
Tinypic - Versione di photobucket senza registrazione.
Image Cave - Ottimo hosting per immagini, necessita registrazione, dimensione massima 250 kb, limite per account 10 mega.
Geocities - 15 mega a disposizione con un account yahoo per caricare tutti i tipi di files.
ImageShack - Il servizio permette di effettuare upload illimitati, vincolati solo nella dimensione di ogni singolo file che non deve superare 1,5Mb.

Una volta inserito il file, il sito vi darà il link che dovrete inserire nel parametro sopra indicato.
Su questa nostra immagine incorporata nel blog, possiamo lavorarci un pò attraverso ulteriori codici html.

Inserendo il comando ALIGN possiamo collocarla in punti diversi dell'intervento, per avremo :

IMMAGINE ALLINEATA A SINISTRA

IMMAGINE AL CENTRO

IMMAGINE ALLINEATA A DESTRA

I parametri width e height si riferiscono alla dimensione dell'immagine, rispettivamente a larghezza e lunghezza, per cui se vogliamo modificare la dimensione dell'immagine, il nuovo codice sara': <img src="Qui metti l'indirizzo dell'immagine" width=200 height=300 />

Dove 200 si riferisce alla larghezza mentre 300 al'altezza. I valori sono impostati in pixel, ma possiamo inserirli anche il percentuali, ad esempio widht="30%" .

Sfumare un'immagine

Con il codice seguente potremo sfumare un'immagine senza l'ausilio di alcun programma grafico.
Attenzione, il codice funziona solo con Internet Explorer.
<img style="filter: alpha(Opacity=100, FinishOpacity=0, Style=2)" src="Qui metti l'indirizzo dell'immagine" />

Opacity si riferisce al livello iniziale di visibilit dell'immagine, mentre finishopacity si riferisce al livello di opacit minimo all'interno dell'immagine.
In pratica se settiamo opacity a 100 e finishopacity a 0, l'immagine si sfumer da un livello massimo fino alla trasparenza completa.
"Style" indica il tipo di sfumatura: compreso tra 1 e 3:

- style=1, sfumerà la vostra immagine da destra a sinistra o viceversa (in base a come impostate "Opacity" e "FinishOpacity");
- style=2, sfumerà la vostra immagine dal centro all'esterno o viceversa (come sopra);
- style=3, molto simile al 2, sfumerà la vostra immagine agli angoli

Altri effetti sulle immagini

Con l'HTML possiamo ottenere altri effetti sulle nostre foto, ma attenzione come nel codice precedente questi codici funzionano solo su Internet Explorer.

Immagine in bianco e nero <img style="FILTER: Gray" src="Indirizzo dell'immagine">

invertire i colori

Inserire uno sfondo in un intervento

E' possibile scrivere un intervento sul blog appoggiandolo su uno sfondo diverso da quello di default. Quello che dobbiamo fare aprire il nuovo post, cliccare sull'opzione HTML e incollare questo codice :
<table height="100%" background="indirizzo immagine.jpg o gif" border="2" bordercolor="#cccc00" cellpadding="20" cellspacing="0" width="100%"> <tbody align="center"> <tr> <td style="text-align: center;"> <font align="center" color="#ff0000"> Inserisci il testo o inserisci ulteriori codici HTML </font> </td> </tr> </tbody> </table>

Si tratta semplicemente di scrivere l'intervento all'interno di una tabella html. Per personalizzare i bordi, le dimensioni, gli allineamenti e via dicendo vi rimando a questo topic.
Se avete problemi di sorta non esitate a chiedere aiuto nel forum.

Testo in grassetto

Testo in corsivo

Testo sottolineato

Testo barrato

Inserire un collegamento

il tag target, con l'opzione _blank, sta a significare che il sito linkato si caricherà in una pagina diversa da dove avete cliccato. Sostituendo _blank, con _self, il collegamento si caricherà sulla stessa pagina.

Possiamo anche mettere un bottone, un'immagine o un banner al posto del titolo, quindi il nuovo codice sarà <a href="url del sitolo da collefare" target="_blank"> <img src="Indirizzo dell'immagine"> </a>

Andare a capo

Inserire una linea di demarcazione orizzontale

Lista

• voce
• voce
• voce

Possiamo cambiare disc con circle

• voce
• voce
• voce

o square

• voce
• voce
• voce

Immagine o testo in movimento

direction indica la direzione
scrollAmount indica la velocit
heigth indica l'altezza del campo di scorrimento
width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina
Questo codice non funziona negli interventi, ma solamente nei moduli Html.

Visualizzare una pagina web esterna (iframe)

Con questo codice che funziona solamente nel gadget presentazione possiamo incorporare nel blog una pagina esterna. Si tratta di un discorso complesso, perci se avete problemi postate nel forum.

Proteggere un'immagine dalla copia

Simpatico truccheto per rifilare ai ladri d'immagini una bella bufala.