Magazine Blog

Inserire una tabella in un Tags Marquee, tutorial

Da Azzurra
Kiara mi chiede come realizzare una gadget con le immagini che scorrono al suo interno per i loghi delle collaborazioni, in realtà andando sul suo blog potrete già vedere le immagini che scorrono, ma a lei giustamente serve  sapere come aggiungere immagini e quindi cerchiamo di capire insieme come funziona il tutto.
Tabella Marquee
by Grafic Scribbles
Inserire una tabella in un Tags Marquee, tutorial
Inserire una tabella in un Tags Marquee, tutorial
Inserire una tabella in un Tags Marquee, tutorial
Inserire una tabella in un Tags Marquee, tutorial
Allora, la prima cosa da fare per ottenere un aspetto gradevole è ridimensionare la larghezza di ciascuna immagine, questo è possibile avvalendosi di un qualsiasi programma di grafica o di un tool on line, ne potete trovare alcuni QUA, nel ridimensionare tenete conto della larghezza della sidebar. Fatto questo occorre avere un indirizzo - o link diretto che dir si voglia - per ogni immagine, quindi appoggiare l'immagine su un sito hosting a vostro piacimento, leggete QUA. Per far scorrere le immagini con tanto di link che conduce ai vari siti dobbiamo inserirle in una Table Marquee, leggere QUA, ma nel caso di  più immagini si rende necessari il loro inserimento in una tabella e il codice per la tabella è questo:
<table border="1">     <thead> <tr><th>testo</th>         <th>testo</th>     </tr> </thead><thead>     </thead><tfoot> <tr><td colspan="2">esempio tabella</td>     </tr> </tfoot><tfoot>     </tfoot><tbody> <tr>             <td>testo</td>             <td>testo</td>         </tr> <tr>             <td>testo</td>             <td>testo</td>         </tr> <tr>             <td>testo</td>             <td>testo</td>         </tr> </tbody> </table>
Le parti evidenziate in giallo sono rispettivamente il titolo delle colonne e la nota in fondo alla tabella, quindi al posto della parola "testo" scriverete quello che vorrete. Nelle parti evidenziate in viola inserirete invece le immagini, o meglio il loro indirizzo, e lo farete così:
<a href="http://www.verrigni.com/"><img align="center" src="http://img513.imageshack.us/img513/9765/logobassares2.jpg" /></a>
dove, la parte azzurra è il link al sito, quella rossa è l'url dell'immagine.
Nel caso di Kiara, che già ha una tabella dovrà solo aggiungere tante righe così:
<tr><td>testo</td></tr>
quante sono le immagini che deve aggiungere e nella modalità che ho appena descritta.
Continuando nel tutorial: dopo aver creato la tabella per inserirla nel Marquee e vedere lo scorrimento delle immagini occorre: copiare tutto il codice ed incollarlo dove ho scritto codice tabella
<MARQUEE scrollamount=1 scrolldelay=1 direction="up" width="100%" height=100 align="middle"><img src="CODICE TABELLA" width="95" height="99" border="0"></MARQUEE>
avremo una cosa tabella scorrevole come quella all'inizio di questo post
Per qualsiasi dubbio o problema ...io sono sempre qua.

Potrebbero interessarti anche :

Ritornare alla prima pagina di Logo Paperblog

Possono interessarti anche questi articoli :