NewsBoard Slider
Il
NewsBoard Slider è un semplice slider di contenuti per il tuo forum/sito!
Il suo uso è pratico e immediato, infatti non richiede né javascript né codici troppo lunghi ed enigmatici.
Nella realizzazione del tuo slider personalizzato avrai a disposizione un semplice ed intuitivo generatore così da poter creare le slide in pochi secondi senza dover modificare il codice di una virgola.
Cos'è uno slider ?Uno slider è un widget grafico che puoi inserire nell'html del tuo forum, o anche nei topic, che ti permette di far scorrere contenuti di diversi pannelli automaticamente, senza dover scorrere con il mouse o premere su pulsanti.
Il tutto è unito a una semplice personalizzazione del codice e un generatore che offre molte personalizzazioni grafiche!
Gli utenti più esperti che vogliono modificare da soli il codice potranno ovviamente farlo senza problemi, il generatore è solo un aiuto aggiuntivo.Un esempio di slider
- Pannello 1
- Pannello 2
- Pannello 3
Per avere uno slider così nel proprio forum usare il
GENERATORE DI SLIDER!
Dopo aver generato il codice dello slider sarà possibile modificarlo come si ritiene più opportuno.
Il codice si divide in due parti:
- CSS, è il codice da inserire nel box amministrativo Colori e stili ed è quello che dà la forma grafica al vostro slider. Per qualsiasi modifica grafica bisogna usare queste righe appena generate.
- HTML, è la struttura vera e propria dello slider. Lo si può inserire dovunque l'HTML sia accettato: nei box amministrativi Gestione HTML e Pagine personalizzate o anche nei topic del forum.
Modificare i pannelliNel codice generato (nella parte HTML) si troverà una parte più o meno così:
HTML
<!-- INIZIO PARTE DA MODIFICARE -->
<li class="nb_slide1">Pannello 1</li>
<li class="nb_slide2">Pannello 2</li>
<!-- FINE PARTE DA MODIFICARE -->
Questa è l'
unica parte HTML da modificare.
Al posto di
Pannello1,
Pannello2 e così via, bisognerà mettere i contenuti dei vari pannelli.
Si possono inserire anche immagini, o quant'altro, l'importante è che sia dentro quel tag html (il tag
li), altrimenti lo slider non funzionerà correttamente.
Personalizzazione dello sliderPer gli epserti (o chiunque modifichi il CSS del proprio forum) non sarà difficile capire cosa modificare e come per gestire al meglio.
La struttura generale dello slider ha come classe
.nb_slider_main.
La lista invece ha come classe
.nb_slider_con.
Inoltre ogni singolo pannello ha la classe
.nb_slidenumero_pannnello, dove
numero_pannnello va sostituito col numero del pannello: 1 per il primo, 2 per il secondo e così via.
Edited by Kakashi - 1/5/2014, 14:31