Los spoilers en el diseño de las páginas web se utilizan para ocultar visualmente parte del texto voluminoso, la imagen o cualquier otro contenido de la página detrás de un enlace. Para hacer un spoiler en Joomla, use un complemento especial.
Instrucciones
Paso 1
En el directorio de complementos de Joomla, busque e instale el complemento Core Design Spoiler. Para un funcionamiento correcto, también necesitará el complemento Core Design Scriptegrator, que cargará automáticamente las bibliotecas JS (Highslide, jQuery y otras). Después de la instalación, habilite ambos complementos a través del Administrador de complementos.
Paso 2
Ahora puede agregar un spoiler con contenido oculto envolviéndolo en la etiqueta [spoiler]. Dicha etiqueta se puede agregar no solo a los artículos regulares de Joomla, sino también a los materiales de los componentes del catálogo, por ejemplo, en K2, ZOO, FLEXIcontent, etc.
Paso 3
Seleccione la forma en que se muestra el spoiler en la configuración del complemento. Puede ser un simple enlace o un botón. También especifique la condición bajo la cual se abrirá el spoiler, cuando haga clic o pase el cursor.
Paso 4
Además del método especificado, cualquiera de los parámetros se puede especificar manualmente, en la etiqueta [spoiler]. El spoiler se puede configurar con el parámetro de elemento, especificando el valor del enlace para mostrarlo como enlace, o el botón para un botón.
Paso 5
La acción en la que se revelará el spoiler se puede designar a través del parámetro de acción, para lo cual hay valores válidos al pasar el mouse (al pasar el mouse) o hacer clic (al hacer clic). Se puede crear un título de spoiler único utilizando el parámetro Título, especificando el valor requerido entre comillas.
Paso 6
Por ejemplo, si necesita hacer un spoiler con el título "Leer la continuación de la historia", que se abrirá haciendo clic en el enlace con el texto del título, use la siguiente etiqueta: [spoiler title="Leer la continuación de la historia "acción =" clic "elemento =" enlace "]
Paso 7
Después de esta etiqueta, coloque el texto o la imagen que desea ocultar y luego "cierre" el spoiler con la etiqueta: [/spoiler]
