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.
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. grazie
Detto 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.
Da oggi è disponibile un nuovo tool per generale ed inserire la personal news board nei vostri forum, potrete accedere al form
il 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
Detto 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:
Inserite il codice sottostante nel box in cui volete appaia la Personal News Board.
if(nav.display == 'none'){ nav.display = 'block'; cls.className ='minus'}else{ nav.display = 'none'; cls.className ='plus' }
<tr onclick="Kps('t0')"> | | <!-- cambia Personal news Board per dare un nome alla tua news board-->
Personal News Board 2.0.6 | <div id="Kp" class="minus">
<div style="background-position:center"> |
| | | <div id="t0">
<!-- se vuoi inserisci qui un messaggio personale -->
<!-- fine messaggio personale -->
|
|
| |
| | |
<!--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
- 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:
CODICE.news .ww {}
e
CODICE.news .aa {}
aggiungendo tra le parentesi il colore che volete abbiano o lo sfondo, e allora inserirete questo codice all'interno
CODICEbackground-color: colore
o le scritte
CODICEcolor: colore
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:
- keeper -: prova
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
Torna su
PERSONALIZZAZIONE:
Come posso mettere un immagine di sfondo nella news board?
Basta seguire quanto descritto qui #entry137123060
sotituendo 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 -->
- 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
