Introduzione
Questo script permette di visualizzare in una parte a scelta del forum, una tabella delle ultime discussioni in cui compariranno a scorrimento, l'anteprima dei topic che ancora non sono stati letti (che varieranno quindi da utente ad utente) e tutte le ultime discussioni del forum.
Lo script utilizza una funzione dei forum, l'immagine C_ON che segnala, ad ogni utente, le sezioni dove sono stati inseriti nuovi messaggi, o sono state aperte nuove discussioni, dall'ultima visita di quell'utente, la tabella delle ultime discussioni è quindi in grado di fornire dei veri e propri feed personalizzati a tutti gli utenti che accedono al forum, permettendogli di visualizzare immediatamente tutte le discussioni aggiornate e le nuove discussioni, comprese quelle di sezioni private a cui l'utente sia abilitato.
Installazione
Lo script si compone di tra parti per installarlo, inserite in
Amministrazione -> Grafica -> Codice HTML nel box
Codice HTML che sarà mostrato in FONDO a tutte le pagine una prima parte
non modificabile:
CODICE
<script type="text/javascript" src="http://nb.forumfree.it/scripts/ace/lastpost_plus.js"></script>
e una seconda parte personalizzabile:
CODICE
<script type="text/javascript">
{CODICE}
</script>
Nella parte personalizzabile, al posto di
{CODICE} andranno inseriti i parametri che si possono aggiungere allo script, e che verranno elencati nel prossimo paragrafo della guida, poi dovrete inserire la terza parte dello script, questa
HTML
<div id="dinamic_content"></div>
nella parte del forum in cui volete che gli ultimi topics siano visualizzati (ad esempio in una tabella o in un div).
Personalizzazione
Lo script può essere personalizzato aggiungendo appositi parametri nella seconda parte dello script, qui di seguito trovate l'elenco dei parametri inseribili:
1)
timerChangeDC, per impostare il timer per lo scorrimento dei pannelli, ad esempio
timerChangeDC = 15000; (il valore è in millisecondi, quindi 15.000 = 15 secondi).
2)
maxTextSize, per impostare il numero massimo di caratteri visualizzabili prima del link al topic (
Leggi altro), ad esempio
maxTextSize = 300;.
3)
forumIdDC, per impostare l'id del proprio forum, ad esempio
forumIdDC = "123456";.
Questo è un parametro necessario per il corretto funzionamento dello script.4)
noSez, per non far visualizzare i nuovi topics di alcune sezioni, per esempio
noSez = ["IDSEZ1", "IDSEZ2"];. Al posto di
IDSEZ* va l'id della sezione da non visualizzare.
Questi ultimi parametri servono per la modifica esclusiva del codice per le ultime discussioni del forum.
5)
showAvatar, serve per decidere se visualizzare (con
1) o non visualizzare (con
0) gli avatar. Ad esempio
showAvatar = 1;.
6)
showRe, serve per scegliere se visualizzare (con
true) o non visualizzare (con
false) la scritta
Re:. Ad esempio
showRe = false;.
7)
showInSez, serve per scegliere se visualizzare (con
true) o non visualizzare (con
false) la sezione in cui c'è il topic. Ad esempio
showInSez=true;.
8)
scrollLastTopic, serve per scegliere se far scorrere (con
true) o non far scorrere (con
false) le ultime discussioni. Ad esempio
scrollLastTopic = true;.
9)
scrollDirection, serve per scegliere se far scorrere verso l'alto (con
"up") o non far scorrere verso il basso (con
"down") le ultime discussioni. Ad esempio
scrollDirection= "down";.
Un esempio di script completo è:
CODICE
<script type="text/javascript" src="http://nb.forumfree.it/scripts/ace/lastpost_plus.js"></script>
<script type="text/javascript">
timerChangeDC = 15000;
maxTextSize = 300;
forumIdDC = "123456";
noSez = ["123456"];
showAvatar = 1,
showRe = false;
showInSez=true;
scrollLastTopic = true;
scrollDirection= "down";
</script>
Ogni elemento è poi modificabile tramite CSS, aggiungendo specifici selettori in colori e stili. Per modificare i pulsanti avanti e indietro, va modificato
.d_c_bottom span oppure meno genericamente,
#panel_prev per indietro o
#panel_next per avanti. Per modificare la scritta leggi altro, va modificato
.d_c_readmore e per modificare la riga in cui sono contenute le informazioni del topic
.d_c_fulltopic , di seguito trovate tre dichiarazioni di stile di esempio
CODICE
.d_c_bottom span {padding: 2px 4px !important; color: rgba(0,0,0,.5); background: #fff; margin: 0 10px; font-weight: bold; border-radius: 100px; -moz-border-radius: 100px; border: 1px solid rgba(0,0,0,.2); cursor: pointer }
CODICE
.d_c_fulltopic {background: rgba(255,255,255,.5); margin: 2px}
CODICE
.d_c_readmore {font-weight: bold}
Per segnalare problemi riguardanti l'utilizzo di questo javascript o per qualsiasi domanda riguardo alla sua installazione potete rivolgervi alla sezione
Script Support del NewsBoard Forum.
Edited by A c e - 8/1/2015, 10:45