|
|
Amo lottare, le cose facili non fanno per me!
 - Group:
- NB Onorary
- Posts:
- 43,412
- Location:
- Tra palco e realtà!
- Status:
| |
| Realizzare una tabella con newsboard Nella guida è presente il sistema e il codice per avere una newsboard unita con una tabella, è presente un esempio in questo forum. - Codice Completo per avere una tabella con newsboard:
HTML <style type="text/css">
.tb {height: 23px; background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-repeat: repeat-x; background-color: #F9F9F9;}
#ie { padding-left: 15px; color: #000; font-size: 10px; font-weight: bold;}
.mp {width: 95%;}
</style>
<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">Prova Tabella</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" width="50%">COLONN1</td>
<td class="title" width="50%">COLONN2</td>
</tr>
<tr title="RIGA1">
<td class="ww">COLONNA1</td>
<td class="aa">COLONNA2</td>
</tr>
</table></td><td class="mright"></td></tr></table>
<script type="text/javascript">function Kps(id){var nav = document.getElementById(id).style ;var cls = document.getElementById('Kp');if(nav.display == 'none'){ nav.display = 'block'; cls.className ='minus'}else{ nav.display = 'none'; cls.className ='plus'}} </script>
<div class="news">
<table class="skin_tbl" cellpadding="0" cellspacing="0"><tr onclick="Kps('t0')"><td class="mleft"></td><td><table class="tb" width="100%" cellpadding="0" cellspacing="0" style="cursor:pointer"><tr><td class="tb"></td><td class="tb">
<!-- cambia Personal news Board per dare un nome alla tua news board-->
<td class="mp" id="ie" valign="middle">Prova Newsboard</td>
</td><td class="td" align="center"><div id="Kp" class="minus" ></div><div style="background-position:center"></td></tr></table></td><td class="mright"></td></tr><tr><td class="mleft"> </td><td><div id="t0"><table class="mainbg" width="100%" cellpadding="0" cellspacing="1"><tr id="t0"><td class="ww">
<div class="newscroll" style="overflow: auto;height: 140px">
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<!--modifica da qui le tue news-->
<tr><td width="100%" class="ww"> xx/xx xx:xx:<b><a href="http://newsboard.forumfree.it/?act=Profile&MID=1336271" target="_blank">Scorpy87</a></b>: Trovate la guida nel <a href="http://newsboard.forumfree.it/" target="_blank">Newsboard Forum</a></b>;</td></tr>
<!--fine modifica news-->
<!--modifica da qui le tue news-->
<tr><td width="100%" class="ww"> xx/xx xx:xx:<b><a href="http://newsboard.forumfree.it/?act=Profile&MID=1336271" target="_blank">Scorpy87</a></b>: Prova1 - Prova1 - Prova1 - Prova1 - Prova1 - Prova1;</td></tr>
<!--fine modifica news-->
<!--modifica da qui le tue news-->
<tr><td width="100%" class="ww"> xx/xx xx:xx:<b><a href="http://newsboard.forumfree.it/?act=Profile&MID=1336271" target="_blank">Scorpy87</a></b>: Prova1 - Prova1 - Prova1 - Prova1 - Prova1 - Prova1;</td></tr>
<!--fine modifica news-->
<!--modifica da qui le tue news-->
<tr><td width="100%" class="ww"> xx/xx xx:xx:<b><a href="http://newsboard.forumfree.it/?act=Profile&MID=1336271" target="_blank">Scorpy87</a></b>: Prova1 - Prova1 - Prova1 - Prova1 - Prova1 - Prova1;</td></tr>
<!--fine modifica news-->
</table> </div>
<table width="100% border="0" cellspacing="1" class="ww"><tr><td nowrap width="1%" align="right" class="news_border" style="border-top: 1px solid">
<div class="credits" style="float:left">
<!-- se vuoi inserisci qui un messaggio personale -->
<!-- fine messaggio personale -->
</div>
<div class="credits" style="float:right;padding-right:4px">
<b><a href="http://supporto.forumfree.net/?t=6105316" alt="created by -keeper-"> Personal News board 2.0.5</a></b>
</div>
</td></tr></table></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"> </td><td class="msub_right"></td></tr></table><td class="mright_bottom"></td></tr></table></div>
<br/>
<!--Fine Personal News Board 2.0.6 //--> - Modifica l'aspetto della barra usata per la Newsboard.
HTML <style type="text/css">
.tb {height: 23px; background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-repeat: repeat-x; background-color: #F9F9F9; color: #3A566C; font-size: 10px; font-weight: bold;}
#ie { padding-left: 15px;}
.mp {width: 95%;}
</style> CSS usato nello style:
.tb: Con questa class si dichiara la barra che viene usata per il titolo della nostra newsboard.
Possiamo cambiare andando in Amministrazione > Grafica > Modifica colori e stile, usando il contenuto del selettore .title;
#ie: Dichiara la distanza del titolo della newsboard dal margine sinistro;
.mp: Serve per dichiarare la posizione del plus e minus nella barra del titolo della newsboard; Si consiglia di modificare la tabella evitando di apportare dei cambiamenti al table di chiusura, quindi evitate di cancellare o modificare questo punto: HTML </table></td><td class="mright"></td></tr></td></table></tr></td></table> Guida creata da Scorpy87 per il NewsBoard |
| | |
