.

Come creare una tabella

guida

« Older   Newer »
 
  Share  
.
  1. DailyPain
    view post Posted on 11/9/2008, 22:30
     
    .

    User deleted
    Come e dove creare la tabella
    Per generare una tabella, con grafica uguale alla skin in uso, basta accedere al pannello amministrativo, sotto la voce Gestione codice HTML > Generatore di tabelle con grafica uguale a quella del forum. (si trova in alto, prima dei box, è il terzo link)
    Basta specificare il numero di righe e quello delle colonne desiderate, se desiderate o meno lo spazio per i sottotitoli per le colonne e il tipo di allineamento del testo e questo tool crea il codice HTML della tabella da inserire nel box desiderato di Gestione codice HTML.

    Come modificare la tabella
    Il codice fornito dal generatore presenta essenzialmente tre parti: la parte blu e la parte verde devono essere sempre presenti, integralmente, la parte rossa invece è quella relativa ai contenuti della nostra tabella, varia quindi a seconda dei parametri impostati.

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"> <tr> <td class="mleft_top"> </td> <td> <table class="mback" width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="mback_left"> </td> <td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td> <td class="mback_right"> </td> </tr> </table> </td> <td class="mright_top"> </td> </tr> <tr> <td class="mleft"> </td> <td> <table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
    <tr title="RIGA1">
    <td class="ww"> COLONNA1</td>
    </tr>

    </table> </td> <td class="mright"> </td> </tr> <tr> <td class="mleft_bottom"> </td> <td> <table class="msub" width="100%" cellpadding="0" cellspacing="0"> <tr> <td class="msub_left"> </td> <td class="msub_center"> &nbsp;</td> <td class="msub_right"> </td> </tr> </table> </td> <td class="mright_bottom"> </td> </tr> </table> <br> <br>




    Il titolo
    Per dare un titolo alla vostra tabella basta modificare la parola TITOLO a metà della parte blu, se non intendete dare un titolo alla tabella è consigliato inserire &nbsp; al fine di evitare possibili errori di visualizzazione.
    Se volete cambiare colore o stile del titolo, siccome stiamo lavorando in html, è indicato guardare l'apposita voce nel wiki.

    I contenuti
    Per inserire i contenuti nella tabella bisogna modificare la parola COLONNA ? (dove ? indica il numero della colonna) sostituendola con il testo da noi scelto.

    ATTENZIONE!: in HTML le righe vengono indicate con il tag <tr> e le colonne con quello <td>, è bene ricordarsi che <tr> include sempre <td> e che l'ultimo tag aperto deve obbligatoriamente essere chiuso per primo, poi a scalare tutti gli altri.
    Cosa vuol dire chiudere un tag? Significa riscrivere il tag apponendo uno slash ( / ) dopo la parentesi angolare di apertura ( < )
    Per cui in base a quanto sopra detto la dicitura corretta è solamente questa: <tr> <td> .. </td> </tr>

    Ovviamente all'interno della riga possono essere incluse più colonne, ripetendo i tag <td> .. </td> dopo l'ultima colonna.
    Esempio: <tr> <td> colonna 1 </td> <td> colonna 2 </td> </tr>

    Cosa analoga nel caso la tabella presenti più righe, infatti dopo il tag di chiusura: </tr> possiamo trovare altri 'blocchi' che indicano le righe.

    Esempio:

    <tr> <td> colonna 1 riga 1 </td> <td> colonna 2 riga 1 </td> </tr>
    <tr> <td> colonna 1 riga 2 </td> <td> colonna 2 riga 2 </td> </tr>

    ATTENZIONE!: per far sì che una colonna si estenda su più colonne non basta inserire un solo <td> .. </td> bisogna aggiungere al suo interno l'attributo colspan.
    Tale attributo presenta questa dicitura: <td colspan="?" > .. </td> dove ? va sostituito con il numero di colonne che intendiamo far apparire in una sola riga.

    Esempio 1:

    COLSPAN SU INTERA COLONNA
    COLONNA UNICA
    COLONNA1COLONNA2
     
    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">COLSPAN SU INTERA COLONNA</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

    <tr title="RIGA1">
    <td class="ww" colspan="2">COLONNA UNICA</td>
    </tr>

    <tr title="RIGA2">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table>


    Esempio 2:

    COLSPAN SU UNA PARTE
    COLONNA2COLONNA3
    COLONNA1COLONNA2COLONNA3
     
    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">COLSPAN SU UNA PARTE</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:left;width:100%" cellpadding="4" cellspacing="1">

    <tr title="RIGA1">
    <td class="aa" colspan="2">COLONNA2</td>
    <td class="ww">COLONNA3</td>
    </tr>

    <tr title="RIGA2">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    <td class="ww">COLONNA3</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table>


    Nel caso in cui, invece, vogliamo unire più righe l'attributo da usare è rowspan che funziona in maniera similare al precedente, si inserisce sempre all'interno della colonna, ma in questo caso si elimina la colonna 'in più' nella riga sottostante.

    Esempio 1:

    TITOLO
    COLONNA1COLONNA2COLONNA3
    COLONNA1COLONNA2
    COLONNA UNICA
     


    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

    <tr title="RIGA1">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    <td class="ww" rowspan="2">COLONNA3</td>
    </tr>

    <tr title="RIGA2">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    </tr>

    <tr title="RIGA3">
    <td class="ww" colspan="3">COLONNA UNICA</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    Esempio 2:

    TITOLO
    COLONNA SINISTRACOLONNA CENTRALE 1COLONNA DESTRA
    COLONNA CENTRALE 2
     


    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

    <tr title="RIGA1">
    <td class="ww" rowspan="2">COLONNA SINISTRA</td>
    <td class="aa">COLONNA CENTRALE 1</td>
    <td class="ww" rowspan="2">COLONNA DESTRA</td>
    </tr>

    <tr title="RIGA2">
    <td class="ww">COLONNA CENTRALE 2</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    I sottotitoli
    I sottotitoli inseriti dal generatore appaiono solo sopra alla prima fila di colonne, qualsiasi sia il numero inserito.
    Nel caso sia necessario aggiungere dei sottotitoli anche nelle colonne sottostanti in codice da usare è il seguente e va inserito prima del blocco della riga:

    CODICE
    <tr>
    <td class="title">SOTTOTITOLO COLONNA 1</td>
    </tr>


    ATTENZIONE!: ricordatevi di inserire tante colonne del sottotitolo, quante sono le colonne della tabella, se volete estendere un sottotitolo su più colonne usate l'attributo colspan.

    Esempio 1:

    TITOLO
    SOTTOTITOLO COLONNA 1SOTTOTITOLO COLONNA 2SOTTOTITOLO COLONNA 3
    COLONNA1COLONNA2COLONNA3
    SOTTOTITOLO COLONNA 1SOTTOTITOLO COLONNA 2SOTTOTITOLO COLONNA 3
    COLONNA1COLONNA2COLONNA3
     


    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

    <tr>
    <td class="title">SOTTOTITOLO COLONNA 1</td>
    <td class="title">SOTTOTITOLO COLONNA 2</td>
    <td class="title">SOTTOTITOLO COLONNA 3</td>
    </tr>

    <tr title="RIGA1">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    <td class="ww">COLONNA3</td>
    </tr>

    <tr>
    <td class="title">SOTTOTITOLO COLONNA 1</td>
    <td class="title">SOTTOTITOLO COLONNA 2</td>
    <td class="title">SOTTOTITOLO COLONNA 3</td>
    </tr>

    <tr title="RIGA2">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    <td class="ww">COLONNA3</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    Esempio 2:

    TITOLO
    SOTTOTITOLO COLONNA UNICA
    COLONNA UNICA
    SOTTOTITOLO COLONNA 1SOTTOTITOLO COLONNA 2SOTTOTITOLO COLONNA 3
    COLONNA1COLONNA2COLONNA3
     


    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

    <tr>
    <td class="title">SOTTOTITOLO COLONNA 1</td>
    <td class="title">SOTTOTITOLO COLONNA 2</td>
    <td class="title">SOTTOTITOLO COLONNA 3</td>
    </tr>

    <tr title="RIGA1">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    <td class="ww">COLONNA3</td>
    </tr>

    <tr>
    <td class="title">SOTTOTITOLO COLONNA 1</td>
    <td class="title">SOTTOTITOLO COLONNA 2</td>
    <td class="title">SOTTOTITOLO COLONNA 3</td>
    </tr>

    <tr title="RIGA2">
    <td class="ww">COLONNA1</td>
    <td class="aa">COLONNA2</td>
    <td class="ww">COLONNA3</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    Definire l'altezza o la larghezza delle celle
    Basta inserire i parametri: height="??" (per l'altezza) e width="??" (per la larghezza) all'interno della colonna, al posto di ?? potete inserire sia misure in pixel che in percentuale. Visto che la community fa uso di template fluidi è consigliato usare i valori in percentuale per le larghezze, ricordate però che la somma dei valori deve restituire 100%.

    Esempio:

    CODICE
    <tr title="RIGA1">
    <td class="ww" width="25%">COLONNA1</td>
    <td class="aa" width="50%">COLONNA2</td>
    <td class="ww" width="25%">COLONNA3</td>
    </tr>


    Anteprima:

    TITOLO
    COLONNA1COLONNA2COLONNA3
     


    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

    <tr title="RIGA1">
    <td class="ww" width="25%">COLONNA1</td>
    <td class="aa" width="50%">COLONNA2</td>
    <td class="ww" width="25%">COLONNA3</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    Inserire uno sfondo personalizzato
    Per inserire uno sfondo personalizzato nella vostra tabella, dovete prendere il tag table prima di <tr tilte="RIGA1"> che si presenta così:

    CODICE
    <table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">


    All'interno dell'attributo style, inserita la proprietà: ;background-image:url(http://..); dove al posto di http://.. va inserito l'url della vostra immagine.
    Inoltre dovete togliere class="aa" e class="ww" dalle colonne della vostra tabella, ottenendo una cosa di questo tipo:

    CODICE
    <table class="mainbg" style="text-align:center; width:100%; background-image:url(http://img.forumfree.net/style_images/37/sfondo.gif);" cellpadding="4" cellspacing="1">
    <tr title="RIGA1">
    <td>COLONNA1</td>
    </tr>


    Esempio:

    TITOLO
    COLONNA1
    SOTTOTITOLO COLONNA 1SOTTOTITOLO COLONNA 2
    COLONNA1COLONNA2
     


    Codice:

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center; width:100%; background-image:url(http://img.forumfree.net/style_images/37/sfondo.gif);" cellpadding="4" cellspacing="1">

    <tr title="RIGA1">
    <td colspan="2">COLONNA1</td>
    </tr>

    <tr>
    <td class="title">SOTTOTITOLO COLONNA 1</td>
    <td class="title">SOTTOTITOLO COLONNA 2</td>
    </tr>

    <tr title="RIGA2">
    <td>COLONNA1</td>
    <td>COLONNA2</td>
    </tr>

    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    Inserire una scrollbar
    Per inserire una scrollbar dentro a una cella, basta inserire subito dopo <td class="??"> (dove al posto di ?? potete trovare aa o ww ) questo codice:

    CODICE
    <div style="overflow:auto; height:100px;">
    TUTTI I CONTENUTI DELLA CELLA QUI
    </div>


    Se volete variare l'altezza, basta aumentare o diminuire il valore: 100px.

    FONTE



    Altri esempi di tabelle con relativo codice HTML:

    TABELLA 1

    Esempio Tabella nr.° 1
    Benvenuto nel Forum
    Se vuoi scambiare messaggi o usufruire dei servizi del forum registrati, è facile, semplice e gratuito!
    Link Utili
    - Collegamenti a discussioni importanti quali regolamento, ultime notizie ecc. -
    Staff
    - Nick del membro dello staff e il rispettivo profilo. Esempio: Amministratore: <geniv> -
    Affiliati
     
    CODICE

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="200%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
    <div class="mtitle">Esempio Tabella nr.° 1</div>
    <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" width="200%" cellpadding="4" cellspacing="1">
    <tr title="RIGA1">
    <td class="ww"><center><b>Benvenuto nel Forum</b></center>
    <td class="aa"><center>Se vuoi scambiare messaggi o usufruire dei servizi del forum <a href="http://geniv.forumcommunity.net/?act=Reg&CODE=00">registrati</a>, è facile, semplice e gratuito!</center>
    <tr title="RIGA2">
    <td class="ww"><center><b>Link Utili</b></center>
    <td class="aa"><center> <b>-</b> Collegamenti a discussioni importanti quali regolamento, ultime notizie ecc. <b>-</b></center>
    <tr title="RIGA3">
    <td class="ww"><center><b>Staff</b></center>
    <td class="aa"><center><b>-</b> Nick del membro dello staff e il rispettivo profilo. Esempio: Amministratore: <a href="http://geniv.forumcommunity.net/?act=Profile&MID=18293"><geniv></a> <b>-</b></center>


    <tr title="RIGA4">
    <td class="ww"><center><b>Affiliati</b></center>
    <td class="aa"><marquee><img src="http://digilander.libero.it/exodusskins/bannertabelle.gif"></marquee>

    </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="110%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center">&nbsp;<td class="msub_right"></table><td class="mright_bottom"></table>


    TABELLA 2

    Esempio Tabella nr.° 2
    ImportantiRegistratiAnnunci
    - Regolamento Forum -

    - Chiedi Affiliazione -

    - Domande e Aiuti -
    		Se vuoi scambiare messaggi o usufruire dei servizi del forum
    registrati, è facile, semplice e gratuito!
    		- Inizia il Contest, iscriviti -

    - Inserito nuovo tutorial -
     
    CODICE

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
    <div class="mtitle">Esempio Tabella nr.° 2</div>
    <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
    <tr>
    <td class="title">Importanti
    <td class="title">Registrati
    <td class="title">Annunci


    <tr title="RIGA1">
    <td class="ww"><center>- Regolamento Forum -<br>
    - Chiedi Affiliazione -
    <br>- Domande e Aiuti -
    <td class="aa">Se vuoi scambiare messaggi o usufruire dei servizi del forum<br> <a href="http://geniv.forumcommunity.net/?act=Reg&CODE=00">registrati</a>, è facile, semplice e gratuito!<hr><marquee><img src="http://digilander.libero.it/exodusskins/bannertabelle.gif"></marquee>
    <td class="ww">- Inizia il Contest, iscriviti -<br>
    - Inserito nuovo tutorial -</center>
    </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center">&nbsp;<td class="msub_right"></table><td class="mright_bottom"></table>


    TABELLA 3

    Esempio Tabella nr.° 3
    Sottotitolo Forum

    Il Forum apre i battenti

    'Geniv's forum' - 12/09/2008

    Il Forum apre oggi i battenti. Inizia così una nuova avventura con un nuovo forum che presenta grandi innovazioni. Per scoprire tutte le potenzialità del nostro forum, non vi resta che navigare e quindi: buona navigazione dallo Staff del Forum.

    Nome Forum Informazioni Importanti:
    Regolamento - Banner per Affiliazioni e Firme


    Nome Forum ultime notizie: Cercasi Staff - Inizia il primo contest del forum

     

    CODICE

    CODICE
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"><td class="mback_center">
    <div class="mtitle">Esempio Tabella nr.° 3</div>
    <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
    <tr>
    <td class="title" colspan="1">Sottotitolo Forum

    <tr title="RIGA1">
    <td class="ww"><p align="left"><b>Il Forum apre i battenti<br>
    'Geniv's forum' - 12/09/2008</b><br>
    Il Forum apre oggi i battenti. Inizia così una nuova "avventura" con un nuovo forum che presenta grandi innovazioni. Per scoprire tutte le potenzialità del nostro forum, non vi resta che navigare e quindi: buona navigazione dallo Staff del Forum.</p>
    <tr title="RIGA2">
    <td class="ww"><p align="left"><b>Nome Forum Informazioni Importanti:</b>
    Regolamento - Banner per Affiliazioni e Firme

    <br><b>Nome Forum ultime notizie:</b> Cercasi Staff - Inizia il primo contest del forum</p>
    </table><td class="mright"><tr><td class="mleft_bottom"><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"><td class="msub_center">&nbsp;<td class="msub_right"></table><td class="mright_bottom"></table>
    <br>
     
    Top
    .
  2. <Cassandra>
    view post Posted on 13/9/2008, 21:51
     
    .
    Avatar

    Group
    Administrator
    Posts
    103,288
    Location
    Fantasilandia

    Status
    ho ripulito...
    e se uno mette la fonte evitate di scrivere scemate...
    Web
     
    Top
    .
  3. <-Hwoarang->
    view post Posted on 19/1/2009, 18:39
     
    .

    User deleted
    OTTIMA GUIDA!!!!!!!!!!!!!!!!!!!!!!!!!!!!
     
    Top
    .
  4. Fox_29
    view post Posted on 11/4/2009, 12:34
     
    .

    User deleted
    e se io volessi ingrandire la tabella come facico?
     
    Top
    .
  5. <eric_draven>
    view post Posted on 11/4/2009, 12:46
     
    .
    Avatar

    あしたのジョー

    Group
    SuperMod
    Posts
    53,877
    Location
    Pontedera

    Status
    la tabella ha una dimensione uguale a quella del forum, quindi bisogna utilizzare la percentuale di grandezza che si trova in colori e stili (chiamato CSS)
    Web
     
    Top
    .
  6. Timarius
    view post Posted on 29/7/2010, 20:05
     
    .
    Avatar
    Group
    Member
    Posts
    5,046

    Status
    scusate, dovrei fare una tabella con 3 righe,, 3 colonne nelle prime 2 righe e due colonne nella terza, però le due colonne della terza righe rimangono sulla sinistra lasciandomi sula destra uno spazio vuoto, ho provato ad usare il colspan, ma nn viene, dovrei avere le due colonne della terza riga ke occupano tutto lo spazio, come faccio?
    Web
     
    Top
    .
  7. Pivets
    view post Posted on 2/8/2010, 16:05
     
    .
    Avatar

    "Sogna ciò che ti va; vai dove vuoi; sii ciò che vuoi essere, perché hai solo una vita e una possibilità di fare le cose che vuoi fare" [P. Coelho]

    Group
    Member
    Posts
    2,793

    Status
    potete dirmi come avete fatto la vostra...????
     
    Top
    .
  8. Pivets
    view post Posted on 6/8/2010, 20:14
     
    .
    Avatar

    "Sogna ciò che ti va; vai dove vuoi; sii ciò che vuoi essere, perché hai solo una vita e una possibilità di fare le cose che vuoi fare" [P. Coelho]

    Group
    Member
    Posts
    2,793

    Status
    quella di geniv
     
    Top
    .
  9. †RemiliaScarlet†
    view post Posted on 13/8/2010, 18:52
     
    .

    User deleted
    Grazie!!!
    Bellissima Guida!! ^^
     
    Top
    .
  10. Roberto Melis
    view post Posted on 19/8/2010, 16:26
     
    .
    Avatar
    Group
    Member
    Posts
    7,282
    Location
    Marsala

    Status
    scusate vorrei una informazione.

    Dovrei creare una tabella adatta per scriverci dentro delle cose(come regolamento),però non ci riesco.Come devo fare?Vedo che ci sono forum che fanno questa cosa,però io non so proprio come fare.

    Potreste aiutarmi?
    Web
     
    Top
    .
  11. A c e
    view post Posted on 20/8/2010, 11:26
     
    .

    User deleted
    puoi fare uno schizzo della tabella che vorresti... te la faccio io
     
    Top
    .
  12. Roberto Melis
    view post Posted on 20/8/2010, 20:07
     
    .
    Avatar
    Group
    Member
    Posts
    7,282
    Location
    Marsala

    Status
    Non riesco uff.

    Potresti farmela tu?

    la tabella la vorrei un po come questa che ha il forum geniv.

    La dimensione deve essere uguale o più grande (mi riferisco a questa tabella del forum geniv).In alto a sinistra ci deve essere scritto:

    " IL NOSTRO STAFF "
    Amministratori: Roberto Sucameli

    MODERATORI
    A.A.A.

    " "
    Per ora questo,caso mai se ci sono altri membri ci penso io.
    Poi sotto ci deve essere la newBoard per le informazioni che devo dare agli utenti. E Nel centro ci vorrei mettere delle foto.Magari potresti fare uno spazio con la barra che poi scende,così le foto potrei metterle pure in basso senza che occupano spazio.(scusate certi linguaggi non li so proprio xD)Mentre nel lato destro vorrei un'area di testo dove poter scrivere e magari anche mettere dei link utili.

    Se ti va ti sarei veramente riconoscente perché questo forum che sto facendo è importantissimo.
    Web
     
    Top
    .
  13. A c e
    view post Posted on 21/8/2010, 11:42
     
    .

    User deleted
    TITOLO
    StaffFotoLink Utili
    Amministratori:

    Roberto Sucameli

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto

    Foto Foto Foto Foto Foto Foto Foto Foto Foto


    		http://geniv.forumcommunity.net/

    http://geniv.forumcommunity.net/

    http://geniv.forumcommunity.net/

    http://geniv.forumcommunity.net/
    Newsboard
     





    HTML
    <table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

    <div class="mtitle">TITOLO</div>

    </td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

    <tr>
    <td class="title">Staff</td>
    <td class="title">Foto</td>
    <td class="title">Link Utili</td>
    </tr>

    <tr title="RIGA1">
    <td class="ww"><b>Amministratori:</b> <br>
    Roberto Sucameli</td>

    <td class="aa">

    <div style="overflow: auto; height: 200px">
    Foto Foto Foto Foto Foto Foto Foto Foto Foto<br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto<br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto<br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto<br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto<br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>
    Foto Foto Foto Foto Foto Foto Foto Foto Foto <br>

    </div>

    </td>

    <td class="ww">
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br></td>
    </tr>


    <tr>
    <td class="title" colspan="3">Newsboard</td>

    </tr>

    <tr title="RIGA2">
    <td class="ww" colspan="3" >
    <div style=" overflow: auto; height: 100px">
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    http://geniv.forumcommunity.net/ <br>
    </div>

    </td>

    </tr>




    </table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>


    Puoi trovare una vasta esposizione di tabelle quì:
    http://geniv.forumfree.it/?f=8284145
     
    Top
    .
  14. Roberto Melis
    view post Posted on 21/8/2010, 14:24
     
    .
    Avatar
    Group
    Member
    Posts
    7,282
    Location
    Marsala

    Status
    grazie mille T.T (sono commosso xD)
    Web
     
    Top
    .
  15. †RemiliaScarlet†
    view post Posted on 22/8/2010, 12:24
     
    .

    User deleted
    Bello òò
    Molto utile questa nuova tabella grazie ^^
     
    Top
    .
24 replies since 11/9/2008, 22:30   22721 views
  Share  
.
 
.
Tutte le guide al Geniv's forum
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumCommunity