Personal News Board created by - keeper -PERSONAL NEWS BOARD 2.0.6
Ho notato che sono molte le richieste su come avere oltre alla normale tag board una news board nel proprio forum, ed essa è possibile farla attraverso il generatore di tabelle; però per comodità ho ideato questa semplicissima news board predefinita e personalizzabile per tutti coloro che vogliono avere sia una tag board che una news board similari tra di loro nel proprio forum, seguite quindi quanto di seguito spiegato per capire come inserirla e personalizzarla.
Personal News Board aggiornata alla: versione 2.0.6
PREMESSE:
Al fine di agevolare l'aiuto di coloro che hanno problemi con l'inserimento della personal news board s'invitano gli utenti a postare solo ed esclusivamente in caso di dubbi, problemi o proposte a riguardo. grazieDetto ciò inizierei subito linkando alcuni esempi di come visualizzerete la pnb inserendola nel vostro forum; ogni esempio mostra la stessa con una skin diversa impostata.
Esempio 1 · Esempio 2 · Esempio 3INSTALLAZIONE:Da oggi è disponibile un nuovo tool per generale ed inserire la personal news board nei vostri forum, potrete accedere al form
cliccando quiil funzionamento è basilare, compilate i campi impostando il nome della vostra news board, l'altezza che dovrà avere (di default è consigliato
150) e poi create la prima news inserendo il vostro nome utente, url del vostro profilo, data e ora differente da quella che automaticamente viene aggiornata, e news... cliccate su
genera, copiate il codice fornito e incollatelo in gestione codici html ..
Per inserire successivamente altre news potrete usufruire di un secondo form (sintesi del primo) disponibile
cliccando quiDetto ciò, se vorrete inserire la Personal News Board 2.0.6 manualmente nel vostro forum non dovrete far altro che copiare e incollare questo codice in:
Amministrazione >
Gestione codici html :
Inserite il codice sottostante nel box in cui volete appaia la Personal News Board.
CODICE
<!--Inizio Personal News Board 2.0.6 //-->
<!-- Attenzione all'irregolare modifica del codice -->
<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_top"></td>
<td>
<table class="mback" width="100%" cellpadding="0" cellspacing="0" style="cursor:pointer">
<tr>
<td class="mback_left">
</td>
<td class="mback_center">
<!-- cambia Personal news Board per dare un nome alla tua news board-->
<div class="mtitle">Personal News Board 2.0.6</div>
</td>
<td class="mback_right" align="center">
<div id="Kp" class="minus"></div>
<div style="background-position:center">
</td>
</tr>
</table>
</td>
<td class="mright_top"></td>
</tr>
<tr>
<td class="mleft">
</td>
<td>
<div id="t0">
<table class="mainbg" width="100%" cellpadding="0" cellspacing="1">
<tr>
<td class="ww">
<div class="newscroll" style="overflow: auto;height: 150px">
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<!--modifica da qui le tue news-->
<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova</td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="ww"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<tr><td width="100%" class="aa"> 13/3 0:36: <b><a href="#" target="_blank">- keeper -</a></b>: prova </td></tr>
<!--fine modifica news-->
</table>
</div>
</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.6</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 //-->
dopo di che inserite quest'altro codice in:
amministrazione >
modifica colori e stili:
N.B: Non importa la posizione in cui incollate il codice.
CODICE
/* PERSONAL NEWS BOARD 2.0.6 */
/* per modificare lo stile delle news modifica qui */
.news .aa {text-align: left}
.news .ww {text-align: left}
/* per modificare la linea che separa news da credit aggiungi color: #colore dentro le parentesi */
.news_border {}
/* per modificare la parte dei credits: N.b: è vietata la rimozione di essi. */
.credits {text-align:right}
/* riduci il di width per ridurre la larghezza della personal news board */
.news {width: 100%}
/* impostazione cursore per chiudere news board */
.news .mback {cursor:pointer}
Torna su
STILE:Una volta faccio ciò, senza ulteriori modifiche la Personal news Board 2.0.6 sarà pronta all'uso, potrete però personalizzarla esteticamente seguendo le seguenti istruzioni:
- Se desiderate modificare la lunghezza della vostra Personal News Board 2.0.6 aumentate o diminuite questo valore ( 150px ) dalla parte di codice della personal news bord che dice:
CODICE
<div class="newscroll" style="overflow: auto;height: 150px">
- Se volete modificare la larghezza invece dovrete aumentare o diminuire il valore di questa parte:
CODICE
.news {width: 100%}
- Se volete cambiare il colore della riga che termina le news dovrete sostituire questo codice al posto di quello attuale , modificando il colore della riga con quello che volete voi;
CODICE
.news_border {color: blue}
- Se volete modificare il colore delle scritte ( come potete vedere negli esempi ) dovete modificare i seguenti parametri:
e
aggiungendo tra le parentesi il colore che volete abbiano o lo sfondo, e allora inserirete questo codice all'interno
CODICE
background-color: colore
o le scritte
FUNZIONAMENTO:- La Personal News Board non è altro che una tabella predefinita e modificata per l'esigenza , quindi per inserire le varie news non dovrete far altro che andare in: gestione codici html > e modificare da li manualmente il contenuto predefinito.
Le news iniziano da dovete vedete questo commento
CODICE
<!--modifica da qui le tue news-->
ciò che dovete modificare invece è questa parte qui:
CODICE
<tr><td width='100%' class='ww'> 13/3 0:36: <b><a href='http://www.forumfree.net/?act=Profile&MID=788968' target='_blank'>- keeper -</a></b>: prova <br>
sostituendo la data e l'ora, il tuo nome (cambiando anche l'indirizzo del mio profilo con il tuo), e al posto di
prova, la tua news.
- Se avete altre news da aggiungere perchè quelle predefinite non bastano non dovrete far altro che inserire di seguito all'ultima riga di news questo codice, alternando la class='aa' con la classe 'ww' ad ogni inserimento di ogni stringa:
CODICE
<tr><td width='100%' class='aa' nowrap>inserisci qui il tuo messaggio <br>
Torna su
PERSONALIZZAZIONE:Come posso mettere un immagine di sfondo nella news board? Basta seguire quanto descritto qui
#entry137123060sotituendo dove dice
.tag a
.news.
Come posso mettere un messaggio personale del tipo: ecco qui le news dal forum a fianco della scritta personal news board 2.0.6?Inserite il messaggio che più preferite all'interno di questa parte.
CODICE
<div class="credits" style="float:left">
<!-- se vuoi inserisci qui un messaggio personale -->
<!-- fine messaggio personale -->
</div>
- La Personal News Board posside la stessa impostazione della skin che avete , ma è possibile personalizzare per esempio le varie informazioni utilizzando i codici che trovi qui:
Guida ai Tag html più comuni- Potrete cambiare inoltre la disposizione della news, potrete aggiungere opzioni o rimuoverne ( esempio: potete togliere la data o l'ora , o aggiungere altre informazioni )
questo è quanto... spero che questa piccola funzioncina possa essere utile... se avete dubbi o volete informazioni non esitate a contattarmi o ancor meglio a postare in questa discussione.
Torna su
AGGIORNAMENTI:
- 21-09-06 : Aggiunto puntatore a forma di mano per l'apertura/chiusura della pnb.
- 11-09-06 : Adesso si potrà inserire un messaggio personale a sinistra dei crediti, questo modo spero possa essere utile per invogliare la gente a non rimuovere i crediti, essenziali per chi intende sapere il modo per utilizzare la pnb nel proprio forum.
- 6-07-06 : Sostituita linea separatoria tra news e credits con un bordo superiore che assumerà lo stile della skin utilizzata, quello antecedente con il browser Firefox non era perfettamente visibile sotto l'aspetto grafico
- 15-06-06 : Da adesso la Personal news board si potrà aprire e chiudere come fosse una vera tag board
Torna su
Edited by - keeper - - 13/6/2008, 13:20 
bravo kippete!
