Els spoilers en el disseny de pàgines web s’utilitzen per amagar visualment part del volum, la imatge o qualsevol altre contingut de la pàgina darrere d’un enllaç. Per crear un spoiler a Joomla, utilitzeu un connector especial.
Instruccions
Pas 1
Al directori de complements de Joomla, cerqueu i instal·leu el connector Core Design Spoiler. Per a un funcionament correcte, també necessitareu el connector Core Design Scriptegrator, que carregarà automàticament les biblioteques JS (Highslide, jQuery i altres). Després de la instal·lació, activeu els dos complements mitjançant el gestor de connectors.
Pas 2
Ara podeu afegir un spoiler amb contingut ocult embolicant-lo a l'etiqueta [spoiler]. Aquesta etiqueta es pot afegir no només als articles habituals de Joomla, sinó també als materials dels components del catàleg, per exemple, a K2, ZOO, FLEXIcontent, etc.
Pas 3
Seleccioneu la manera com es mostra el spoiler a la configuració del connector. Pot ser un simple enllaç o un botó. Especifiqueu també la condició en què s’obrirà el spoiler quan feu clic o passeu el cursor per sobre.
Pas 4
A més del mètode especificat, qualsevol dels paràmetres es pot especificar manualment a l'etiqueta [spoiler]. El spoiler es pot configurar amb el paràmetre de l'element, especificant el valor de l'enllaç que es mostrarà com a enllaç o el botó per a un botó.
Pas 5
L'acció en què es revelarà el spoiler es pot designar mitjançant el paràmetre d'acció, per al qual hi ha valors vàlids per passar el cursor (per sobre) o fer clic (al fer clic). Es pot crear un títol únic de spoiler mitjançant el paràmetre Title, especificant el valor requerit entre cometes.
Pas 6
Per exemple, si heu de fer un spoiler amb el títol "Llegiu la continuació de la història", que s'obrirà fent clic a l'enllaç amb el text del títol, utilitzeu l'etiqueta següent: [spoiler title="Llegiu la continuació de la història "action =" click "element =" link "]
Pas 7
Després d'aquesta etiqueta, col·loqueu el text o la imatge que vulgueu amagar i, a continuació, "tanqueu" el spoiler amb l'etiqueta: [/spoiler]
