Inserire una tabella in un Tags Marquee, tutorial

venerdì, agosto 31, 2012

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


































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.

You Might Also Like

4 scarabocchi

  1. c'è UN PREMIO per te da me!vieni cara

    RispondiElimina
  2. Ti ringrazio di cuore Nana, purtroppo non ho assolutamente tempo per partecipare a queste iniziative....periodo mooooolto incasinato il mio!
    Spero che capirai e mi perdonerai
    Bacino
    azzurra

    RispondiElimina
  3. Grazie per la comprensione Nana....sono veramente messa male!
    :(

    RispondiElimina

Grazie della visita e del tuo commento...♥♥♥
è un piacere leggervi!
Sorrisone!
:)

Nota. Solo i membri di questo blog possono postare un commento.

Circa Grafic Scribbles








modificare foto

Paperblog : le migliori informazioni in diretta dai blog

Mr.Webmaster


Motori ricerca

SEO


BlogItalia.it - La directory italiana dei blog

siti
sito internetBlog d'argento



Ebuzzing - Top dei blog - Blog creativi


Visite

eXTReMe Tracker

Views

© 2011 - 2016 Grafic Scribbles, AllRightsReserved.. Powered by Blogger.

on line