Come creare un spoiler in Joomla per nascodere o mostrare contenuto

00Creare uno spoiler sulla pagina web è un modo utile per risparmiare lo spazio nascondendo o mostrando il contenuto . Cliccando sul titolo il testo sottostante (o una immagine o un video) vengono mostrati grazie a jQuery senza ricaricare la pagina. Un modo molto conveniente per realizzare, per esempio, un questionario con le domande e statistiche di risposte, oppure nascodree le ricette per non ingombrare la pagina , comunque basta accendere la fantasia e i posti da applicare non mancheranno. Oggi vi presenterò un plug-in che vi aiuta realizzare questo effetto ed e valido per tutte le versioni gi Joomla cio è 1.5-3.x.

Risposte alle domande piu frequenti

  1. Modificare lo sfondo di un sito Joomla
  2. Creare una nuova posizione in un template di Joomla
  3. Inviare e-mail da joomla
  4. Recuperare la pasword del aministratore Joomla
  5. Come nasondere una parte del articolo in Joomla
  6. Come creare uno spoiler in joomla
  7. Quel 404 la tua pagina del errore 404
  8. File manager direttamente in Joomla
  9. Come rispetare la Cookie law in Joomla
  10. Suffiso classe modulo Joomla.
  11. K2 di Joomla guida ai template.

Creazione di un nuovo ellemento supaggina o su un blocco joomla fa parte della modiffica del sito. Perche la modifica puo essere fatta in varie modi, cambiare semplicemente un colore o aggiungere un ellemento completamente nuovo.Nel nostro caso uno spoiler. e la prima cosa da fare sarebbe instalere  plugin che genera questo ellemento -spoiler.

1.Instalazione plugin per lo spoiler in Joomla

Il primo passo da fare è quello di installare il nostro plug-in attraverso Gestione estensioni – instala. Dovete scegliere la versione del plug-in adatta per la vostra versione di Joomla.

03

2.Abbilitare plugin per la creazione spoiler

Secondo e di abilitarlo, andiamo nella Gestisci, cerchiamo il nostro nuovo plug-in attraverso ricerca, dopo di che lo abbilitiamo.

04

3.Inserimento spoiler su un articolo o modulo Joomla

Per inserire un spoliler si usa cosi detto shortcode  un piccolo framento del codice di riferimento nel nostro caso per inserire un spoiler il codice sara seguente 

{spoiler title=Titolo opened=1}testo o una immagine nascosta {/spoiler}

A posto del ”Ttitolo” inseriamo qualsiasi titolo adatto per la nostra situazione e al posto del “testo o un’immagine nascosta” il contenuto  che vogliamo prima nascondere e puoi far mostrare dopo il clic sul titolo.

Opened significa lo stato del nostro spoiler al carico della pagina , 1- contenuto sara mostrato, 0- contenuto sara nascosto.

Quindi aggiungiamo qualche riga del codice.

{spoiler title=Titolo1 opened=1}Verifica funzionamento1 {/spoiler}

{spoiler title=Titolo2 opened=1} Verifica funzionamento2 {/spoiler}

{spoiler title=Titolo3 opened=1} Verifica funzionamento3 {/spoiler}

05

Non dimenticare di abilitare interpretazione del codice sia per articolo se viene inserito su un articolo o per il modulo come nel nostro caso nella versione Joomla 3.x

06

4. Visualizzazione modulo con spoiler

Salviamo le impostazioni per il modulo inserendo prima la sua posizione sulla pagina e la sua visualizzazione per esempio su tutte le pagine e passiamo alla pagina principale del sito .

Ed ecco il nostro modulo:

07

Come vediamo gli spoiler appaiono tutti aperti perché abbiamo inserito “opened=1”

 

5. Modificare impostazioni dello spoiler

Il nostro titolo e accerchiato di arancione. Quindi vediamo anche come cambiare lo stile dello spoiler

andando a cambiare le impostazioni base del plug-in

08

Impostazioni Generali:

09

 

JavaScript Library - Se lo spoiler lavora, lasciare cosi come era.

Include jQuery - Se nella impostazione precedente era  selezionato "jquery", abbilitare "Si".

Include lv spoiler.css - si;.

6. Modificare l'aspetto finale dello spoiler

Altri impostazioni si referiscono alla velocita di apertura e lo stile del nostro spoiler, tramite varie stili dei CSS. Provare vari parametri per trovare impostazioni adatti per il vostro scopo o che si mantiene la linea generale come colori del vostro sito .

Vorrei anche notare che tramite il parametro Displei on(show on ) prossiamo impostare modo d’apertura del nostro spoiler, con un clic o si apre in automatico con passaggio del puntatore del mause (opzione hover) .

Quindi provate e scoprirete la soluzione migliore per voi. Ciao e buon lavoro!

Il plugin lo poi scaricare qui sotto.

 

Letto 1235 volte

corso CSS pratica

Impara HTML e CSS da zero al risulto!

Da piccolo hai imparato leggere leggendo libri. E con aiuto del nostro corso imparerai CSS e HTML costruendo un sito web da un templat in PSD .

Scopri il corso