Questa idea mi è venuta in mente dopo aver visto che ci sono già alcuni forum su forumfree e forumcommunity che utilizzano queste tabelle. Purtroppo il codice per crearne una non è alla portata di tutti perchè è abbastanza complesso per chi non ha alcuna base di HTML, così ho pensato di aprire questa discussione(e il relativo forum) sia per spiegare il funzionamento di queste tabelle, sia per proporre i codici di alcune tabelle preinstallate, in modo tale che non sia obbligatorio capirne il completo funzionamento anche solo per inserirle.
E' tuttavia necessario leggere la guida sottostante per capire come applicarle ed adattarle ai vostri forum._______________________________________________
Allora, prima di tutto, riporto lo screen di una tabella per lo Staff a 2 righe e 2 colonne, con 3 campi di descrizione:
Questo è il codice della tabella presente nello screen:
CODICE
<div class="skin_tbl_width" style="padding:1px"><div class="nav" align="left"> <a href="http://tabelleperlostaff.forumfree.net/">Tabelle per lo Staff forum</a> » Staff del Forum</div></div><br><table class="skin_tbl" cellSpacing="0" cellPadding="0"><tr><td class="mleft_top"><td><table class="mback" cellSpacing="0" cellPadding="0" width="100%"><tr><td class="mback_left"><td class="mback_center"> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td class="mainbg"><div class="main1"><div class="main2"><div class="main3"><div class="main4"><div class="main5"><table class="main6" style="text-align:center" width="100%" cellspacing="1" cellpadding="4">
<tr> <td class="title">Avatar
<td class="title">Nome
<td class="title">Contatti
<td class="title">Avatar
<td class="title">Nome
<td class="title">Contatti
<tr title="RIGA1">
<td class="ww"><img src="http://img117.imageshack.us/img117/8043/immagineavatarjt4.png">
<td class="aa"><b><a href="www.urldelprofiloutente.net">Nome Utente</a></b><br><br>Amministratore
<td class="ww"><a href="www.urlcheapparecliccandosulbottoneMP.net"><img src=" http://img.forumfree.net/style_images/31/p_pm.gif"></a>
<td class="aa"><img src=" http://img117.imageshack.us/img117/8043/immagineavatarjt4.png">
<td class="ww"><b><a href="www.urldelprofiloutente.net"> Nome Utente</a></b><br><br>Amministratrice
<td class="aa"><a href="www.urlcheapparecliccandosulbottoneMP.net"><img src=" http://img.forumfree.net/style_images/31/p_pm.gif"></a>
<tr title="RIGA2">
<td class="ww"> <img src="http://img117.imageshack.us/img117/8043/immagineavatarjt4.png">
<td class="aa"><b><a href="www.urldelprofiloutente.net">Nome Utente</a></b><br><br>Moderatore Globale
<td class="ww"><a href="www.urlcheapparecliccandosulbottoneMP.net"><img src="http://img.forumfree.net/style_images/31/p_pm.gif"></a>
<td class="aa"> <img src="http://img117.imageshack.us/img117/8043/immagineavatarjt4.png">
<td class="ww"><b><a href="www.urldelprofiloutente.net">Nome Utente</a></b><br>Moderatore
<td class="aa"><a href="www.urlcheapparecliccandosulbottoneMP.net"><img src="http://img.forumfree.net/style_images/31/p_pm.gif"></a>
</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"> <td class="msub_right"></table><td class="mright_bottom"></table><p>
</table>
<center><div class='navsub' style='width: 95%; padding: 3px'><a href='http://supporto.forumfree.net' target='_blank'><b>Supporto</b></a> · <a href='http://www.forumfree.net/?act=topforum2' target='_blank'><b>Top Forum</b></a> · <a href='http://skinlab.forumfree.net' target='_blank'><b>Skin Lab</b></a> · <a href='http://chat.forumfree.net' target='_blank'><b>Chat</b></a> · <a href='http://www.forumfree.net/?f=4' target='_blank'><b>Tag Board</b></a> · <a href='http://faccine.forumfree.net' target='_blank'><b>Faccine</b></a> · <a href='http://www.forumcommunity.net' target='_blank'><b>ForumCommunity</b></a> · Template by <a href='http://smallville.forumcommunity.net' target='_blank'><b>Smallville Italia</b></a></div><div class='navsub' style='width: 95%; padding: 3px'><a href='http://www.forumfree.net/?act=newforum' target='_blank'><font color='red'><b>Crea il tuo free forum!</b></font></a> · Powered by <a href='http://www.forumfree.net' target='_blank'>ForumFree.net</a> · Powered by <a href='http://www.invisionboard.com' target='_blank' style='text-decoration:none'>Invision Power Board</a> v1.3 © 2002 <a href='http://www.invisionpower.com' target='_blank' style='text-decoration:none'>IPS, Inc.</a></div></center>
<div id="hyde"><table><tr><td>
<style>#hyde {display:none}</style></table>
<script type="text/javascript">
<!--
function page_jump(url,pages,entries){userPage=prompt("Inserisci il numero della pagina da visualizzare compreso tra 1 e "+pages,"");if(userPage){if(userPage<1)userPage=1;if(userPage>pages)userPage=pages;if(userPage==1)start=0;else start=(userPage-1)*entries;window.*=url+"&st="+start}}
-->
</script>
__________________________________________________________
Ora procedremo lentamente all'analizzazione del codice, soffermandoci su ognuna delle sue parti:
CODICE
<div class="skin_tbl_width" style="padding:1px"><div class="nav" align="left"> <a href="http://tabelleperlostaff.forumfree.net/">Tabelle per lo Staff forum</a> » Staff del Forum</div></div><br><table class="skin_tbl" cellSpacing="0" cellPadding="0"><tr><td class="mleft_top"><td><table class="mback" cellSpacing="0" cellPadding="0" width="100%"><tr><td class="mback_left"><td class="mback_center"> <td class="mback_right"></table><td class="mright_top"><tr><td class="mleft"><td class="mainbg"><div class="main1"><div class="main2"><div class="main3"><div class="main4"><div class="main5"><table class="main6" style="text-align:center" width="100%" cellspacing="1" cellpadding="4">
Questa parte non ha bisogno di essere commentata, perchè non va modificata. Essa decide gli stili della tabella e, detto in parole povere, il suo scopo, oltre a quello di far esistere la tabella, è quello di farla adattare automaticamente ad ogni skin del forum su cui viene impostata.
Al limite è possibile modificare questa parte:
CODICE
<a href="http://tabelleperlostaff.forumfree.net/">Tabelle per lo Staff forum</a> » Staff del Forum
Essa decide appunto la parte che vedete nello screen, e modificandola è possibile "cambiare" nome della sezione e del forum dove si trova la tabella, anche se solo virtualmente, dato che essa si troverà sempre nel vostro forum in quella stessa sezione.
Questo NON deve assolutamente essere usato come trucco per far passare le proprie tabelle come appartenenti ad un altro forum però.
---------------------------
CODICE
<td class="title">Avatar
<td class="title">Nome
<td class="title">Contatti
<td class="title">Avatar
<td class="title">Nome
<td class="title">Contatti
Queste sono le "categorie" che visualizzate in alto alla tabella, modificando per esempio la prima scritta "Avatar" con "Immagine", nella tabella visualizzerete al posto della prima scritta "Avatar" la scritta "Immagine".
Queste categorie possono anche essere incrementate, però aumenta pure il numero dei codici da inserire nella prossima parte di tabella, se non siete pratici di HTML, passate al pezzo successivo si spiegazione ed utilizzate una tabella di quelle presenti sul forum.Per aggiungere due nuove categorie, inserite questo codice:
CODICE
<td class="title">Nome Categoria
Dove al posto di "Nome Categoria" inserite il rispettivo nome. Ricordate di aggiungere sempre due volte la nuova categoria, o si sforma la tabella.
Es:
CODICE
<td class="title">Avatar
<td class="title">Nome
<td class="title">Contatti
<td class="title">Nome Categoria
<td class="title">Avatar
<td class="title">Nome
<td class="title">Contatti
<td class="title">Nome Categoria
---------------------------
Questo codice va inserito ogni volta che inserite una nuova riga, inserendo il numero della riga.
---------------------------
CODICE
<td class="ww"><img src="http://img117.imageshack.us/img117/8043/immagineavatarjt4.png">
<td class="aa"><b><a href="www.urldelprofiloutente.net">Nome Utente</a></b><br><br>Amministratore
<td class="ww"><a href="www.urlcheapparecliccandosulbottoneMP.net"><img src=" http://img.forumfree.net/style_images/31/p_pm.gif"></a>
La tabella è divisa in settori, ed ognuno di essi contiene le informazioni riguardanti un utente. Ognuna di queste stringhe riguarda quindi un settore(la parte che vedete nello screen).
CODICE
<img src="http://img117.imageshack.us/img117/8043/immagineavatarjt4.png">
All'interno di questo codice dovete inserire l'url dell'avatar dell'utente. Esso va inserito al posto di:
CODICE
http://img117.imageshack.us/img117/8043/immagineavatarjt4.png
CODICE
<a href="www.urldelprofiloutente.net">
All'interno di questo codice va inserito l'url del profilo dell'utente. Sostituite l'url a:
CODICE
www.urldelprofiloutente.net
Al suo posto, inserite il nick dell'utente.
Inserite il grado dell'utente. Non è necessario che tale grado esista all'interno del forum, neanche all'interno dei gruppi. Potete benissimo mettere ciò che volete all'interno di quest'area di testo.
CODICE
<a href="www.urlcheapparecliccandosulbottoneMP.net">
L'url presente in questo codice, ci riconduce alla tabella per inviare un MP ad un utente. Esso è facilmente recuperabile andando sul profilo di un utente, cliccando sulla sua casella PM e prendendo l'url in alto.
L'url va inserito al posto di:
CODICE
www.urlcheapparecliccandosulbottoneMP.net
CODICE
<img src="http://img.forumfree.net/style_images/31/p_pm.gif">
Bottone per inviare PM ad utente. Qui va l'url del bottone, che non deve essere necessariamente quello preimpostato dal forum per il bottone dell'MP. L'url va sostituito al posto di:
CODICE
http://img.forumfree.net/style_images/31/p_pm.gif
CODICE
<td class="ww"><img src="http://img117.imageshack.us/img117/8043/immagineavatarjt4.png">
<td class="aa"><b><a href="www.urldelprofiloutente.net">Nome Utente</a></b><br><br>Amministratore
<td class="ww">10/08/2006
<td class="aa"><a href="www.urlcheapparecliccandosulbottoneMP.net"><img src=" http://img.forumfree.net/style_images/31/p_pm.gif"></a>
-------------------------------------
CODICE
</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"> <td class="msub_right"></table><td class="mright_bottom"></table><p>
</table>
Codice con cui termina la tabella. Da non modificare.
------------------------------------
CODICE
<center><div class='navsub' style='width: 95%; padding: 3px'><a href='http://supporto.forumfree.net' target='_blank'><b>Supporto</b></a> · <a href='http://www.forumfree.net/?act=topforum2' target='_blank'><b>Top Forum</b></a> · <a href='http://skinlab.forumfree.net' target='_blank'><b>Skin Lab</b></a> · <a href='http://chat.forumfree.net' target='_blank'><b>Chat</b></a> · <a href='http://www.forumfree.net/?f=4' target='_blank'><b>Tag Board</b></a> · <a href='http://faccine.forumfree.net' target='_blank'><b>Faccine</b></a> · <a href='http://www.forumcommunity.net' target='_blank'><b>ForumCommunity</b></a> · Template by <a href='http://smallville.forumcommunity.net' target='_blank'><b>Smallville Italia</b></a></div><div class='navsub' style='width: 95%; padding: 3px'><a href='http://www.forumfree.net/?act=newforum' target='_blank'><font color='red'><b>Crea il tuo free forum!</b></font></a> · Powered by <a href='http://www.forumfree.net' target='_blank'>ForumFree.net</a> · Powered by <a href='http://www.invisionboard.com' target='_blank' style='text-decoration:none'>Invision Power Board</a> v1.3 © 2002 <a href='http://www.invisionpower.com' target='_blank' style='text-decoration:none'>IPS, Inc.</a></div></center>
<div id="hyde"><table><tr><td>
<style>#hyde {display:none}</style></table>
<script type="text/javascript">
<!--
function page_jump(url,pages,entries){userPage=prompt("Inserisci il numero della pagina da visualizzare compreso tra 1 e "+pages,"");if(userPage){if(userPage<1)userPage=1;if(userPage>pages)userPage=pages;if(userPage==1)start=0;else start=(userPage-1)*entries;window.*=url+"&st="+start}}
-->
</script>
Codice per rendere invisibile l'ultima parte del forum e fare apparire solo le scritte. (Per renderci chiari, scompare l'impostazione di una normale sezione, con "Nuovo topic", "Nuovo Sondaggio" e tutto il resto)
Da non toccare.
__________________________________________________________
La guida è terminata. Detto questo potete trovare delle tabella già pronte su questo forum, creato appositamente a questo scopo:
http://tabelleperlostaff.forumfree.net/Per ogni errore che posso aver commesso, riportatemelo pure qua, lo sistemerò appena possibile.
Detto questo spero di essere stato utile.
Guida creata da Maximanf89 il 10/08/2006
La riproduzione di tale guida in altri forum è vietata, ed è al momento in esclusiva solo di NewsBoard forum.
Maximanf89
