Scarica QTabs

Utilizzando QTabs è possibile pubblicare più moduli in una singola posizione modulo del template, gli utenti possono visualizzare il contenuto di ogni modulo con un click su un tab o pulsante. Ecco un esempio.

Il modulo QTabs in questo caso "incorpora" un modulo Notizie Recenti (mod_latestnews), un modulo Statistiche (mod_stats) e un modulo HTML personalizzato contenente del testo ed un'immagine.

Selezionare i moduli da includere nei tab

Per prima cosa bisogna assegnare i moduli da includere nei tab ad una nuova posizione modulo creata per questo scopo. Il nome di questa posizione va poi inserito nel parametro Posizione moduli nella configurazione di QTabs. Ecco come ricreare l'esempio mostrato all'inizio.

In Estensioni >> Gestione moduli selezionare un modulo Notizie Recenti esistente oppure crearne uno con il pulsante Nuovo.

1) Inserire un titolo per il modulo: sarà usato come titolo del tab corrispondente.

2) Fare click dentro il campo Posizione ed inserire una posizione per il modulo. Non selezionare una posizione dalla lista; anche se può non essere evidente a prima vista il campo Posizione è scrivibile, basta fare doppio click all'interno e scrivere il nome di una posizione nuova. Nell'esempio abbiamo chiamato la posizione qtabs1, ma è possibile scegliere il nome che si preferisce.

3) In Assegnazione Menu selezionare Tutti. Questo non significa che il modulo sarà visibile su tutte la pagine del sito perché qtabs1 non è una posizione esistente nel template. Il modulo (come gli altri inclusi nei tab) sarà visibile alla posizione che assegneremo al modulo QTabs.

Ripetere questi tre passi per il modulo Statistiche (mod_stats) e il modulo HTML Personalizzato da crearsi con il contenuto che si preferisce.

Configurati i tre moduli ritornare a Gestione moduli e selezionare qtabs1 (o l'altro nome scelto per la posizione dei moduli) dalla lista a discesa delle posizioni. I moduli devono apparire come nell'immagine seguente.

Se uno o più moduli non sono attivi, attivarli con un click all'interno della colonna Attivato per trasformare la croce rossa nel segno di spunta verde. Modificando l'ordine dei moduli nella lista si modifica l'ordine dei tab (o pulsanti) corrispondenti nel modulo QTabs. Il titolo del modulo è usato anche come titolo del tab.

A questo punto selezionare il modulo QTabs ed inserire qtabs1 (o l'altro nome scelto per la posizione dei moduli) nel campo Posizione moduli nei parametri di configurazione del modulo.

Per finire assegnare il modulo QTabs ad una posizione visibile del template.

Parametri del modulo QTabs

• Posizione moduli. Come detto in questo campo va inserito il nome della posizione assegnata ai moduli da includere nei tab.
• Larghezza contenuto. Larghezza dell'area dove viene mostrato il contenuto dei moduli (inserire un valore fisso o in percentuale).
• Altezza contenuto. Altezza dell'area dove viene mostrato il contenuto dei moduli.
• Larghezza tabs. Larghezza della riga dei tab.
• Altezza tabs. Altezza della riga dei tab.
• Scorrimento. Effetto scorrimento: Nessuno, da sinistra a destra, da destra a sinistra, auto = da sinistra a destra quando ci si muove in avanti (verso un tab successivo a quello corrente), da destra a sinistra quando ci si muove all'indietro (verso un tab precedente a quello corrente).
• Durata. Durata in millisecondi dell'effetto di transizione. Ignorato se non è impostato l'effetto scorrimento.
• Autoplay. Con autoplay attivo il contenuto dei tab è ruotato automaticamente.
• Ritardo. Utilizzato quando autoplay è attivo (millisecondi).
• Transizione. Effetto di transizione.