Ultime Discussioni Plus, una tabella delle ultime discussioni personalizzata per ogni utente

« Older   Newer »
  Share  
view post Posted on 14/5/2013, 01:21
Avatar

Audaces Fortuna Iuvat

Group:
NB SuperMod
Posts:
9,832
Location:
test

Status:


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
 
Web  Contacts  Top
0 replies since 14/5/2013, 01:21   2241 views
  Share