Come distanziare ed incolonnare banner e antipixel.

Non ho molto tempo per andare a curiosare nei blog però quando lo faccio mi vengono sempre delle ispirazioni per nuovi articoli. Una cosa che ho notato è il grande numero di banner, bannerini e antipixel presenti in molti siti. Questi sono spessi accatastati uno accanto all'altro, o uno sotto all'altro senza nessuno spazio di divisione. Certo che questa può essere una precisa scelta estetica però ho l'impressione che qualcuno li vorrebbe distanziare ma non sa come fare.

Ho pensato quindi di dare delle indicazioni su come mettere degli spazi tra un antipixel (banner) e l'altro. Il codice di un banner è del tipo

<a href="URL_collegamento" title="Titolo_banner"><img src="URL_Immagine"/></a>

Se si inseriscono uno accanto all'altro in un gadget viene un codice di questo tipo

<a href="URL_collegamento_1" title="Titolo_banner_1"><img src="URL_Immagine_1"/></a><a href="URL_collegamento_2" title="Titolo_banner_2"><img src="URL_Immagine_2"/></a>

Per inserire degli spazi si può procedere in due modi. Cliccare su Modifica nell'elemento pagina in cui sono presenti gli antipixel

           

e cliccare su Formato RTF, la finestra cambierà di aspetto e saranno visibili i banner. Si può inserire il cursore in mezzo e digitare lo spazio o gli spazi con la tastiera, quindi cliccare su Salva.

Alternativamente si può inserire tra il codice dei singoli antipixel lo spazio attraverso il simbolo &#160;

in questo caso il codice di due antipixel divisi da uno spazio diventa simile a questo

<a href="URL_collegamento_1" title="Titolo_banner_1"><img src="URL_Immagine_1"/></a>&#160;<a href="URL_collegamento_2" title="Titolo_banner_2"><img src="URL_Immagine_2"/></a>

Se si vogliono incolonnare gli antipixel uno sopra all'altro senza spazio si apre l'elemento HTML/Javascript, si clicca su Formato RTF, si inserisce il cursore nel punto in cui si vuole creare la colonna e si clicca su Invio tenendo premuto il tasto "freccia in alto" (Shift) delle Maiuscole

Se invece si vogliono incolonnare con un salto di riga basta inserire il mouse e cliccare semplicemente su Invio   

        

Questo equivale a creare un paragrafo per ciascun banner o antipixel attraverso i tag <p> e </p>. Il codice diventa simile a questo

 

<p><a href="URL_collegamento_1" title="Titolo_banner_1"><img src="URL_Immagine_1"/></a></p><p><a href="URL_collegamento_2" title="Titolo_banner_2"><img src="URL_Immagine_2"/></a></p>