I Tutorial di Vagabondo

Immagini negli articoli dei VagaBlog

Nell'articolo precedente abbiamo visto come scrivere un intervento sul proprio VagaBlog, adesso vediamo come inserirci un immagine. Le immagini da inserire devono essere in formato JPG o GIF e avere delle dimensioni adeguate all pagina, se vuoi sapere come prepararle guarda questo tutorial.
Abbiamo già scritto il nostro intervento, posizioniamo il cursore dove vogliamo che sia inserita la foto e clicchiamo sul pulsante che rappresenta le immagini.

Si aprirà una finestra pop-up come quella qui sotto.
Nella finestra ci sarà già una lista delle fotografie esistenti (non presenti sull'immagine di questo tutorial). Se hai un "pop-up blocker" devi autorizzare Vagabondo all'apertura di pop-up (Firefox lo capisce da solo), se non sai che sto dicendo, probabilmente non hai un pop-up blocker :-)

Clicca su "Carica un nuovo file", quindi su "Sfoglia" per scegliere la foto sul tuo computer e su "Carica" per iniziare l'upload.
L'upload può durare anche una ventina di secondi se la tua connessione è lenta.

Per preparare le immagini per il blog leggi questo tutorial.
Finito l'upload, la tua immagine apparirà nella lista.

Normalmente lascerai la spunta su "Inline", ma se la tua foto è più grande di 540 pixel scegli "pop-up".
Clicca sul nome dell'immagine per inserirla.
Ti verrà chiesto di inserire un testo: un paio di parole che descrivono la tua immagine.
Ecco il risultato sul corpo del VagaBlog, una stringa che dice a Vagabondo di inserire qui l'immagine:

Ed ecco il risultato finale sul tuo VagaBlog:

Ma mettiamo che tu voglia che il testo giri intorno all'immagine, invece di lasciare quel brutto spazio bianco dove ho messo il punto interrogativo...
Sul VagaBlog devi usare uno di questi due pulsanti.
Il codice che apparirà scritto è questo:

Il testo in giallo (questi colori li ho dati io per spiegarvi, non appaiono nel modulo), prima dell'immagine, starà sopra la foto.
La stringa della foto, in grigio, deve essere circondata dal codice del suo allinemento (quello rosso) come si vede nell'immagine.
Il testo verde è quello che gira intorno alla foto e continua dopo.
visto così può sembrare complicato, ma è semplicissimo:
1- metti il cursore dove vuoi la foto
2- clicca sul bottone dell'allineamento (a destra o sinistra).
3- clicca sul bottone dell'immagine e fai come detto sopra.

Ecco il risultato finale:

Come dicevamo, le immagini possono essere larghe fino a 540px per non rovinare la pagina del VagaBlog:

Se volete mettere immagini più grandi dovete usare l'opzione pop-up (vedi sopra). In questo caso la descrizione della foto che inserirete sarà un link cliccabile che aprirà la foto.

Fate tutte le prove che volete, tanto potete sempre modificare gli articoli anche dopo che li avete inseriti...

I Tutorial di Vagabondo