Как спрятать под спойлер?

2 ноября 2014 г. Просмотров: 1091 Инструкции
Спойлеры в верстке веб-страниц используют для того, чтобы визуально скрыть часть объемного текста, изображения или любого другого содержимого страницы за ссылкой. Чтобы сделать спойлер в Joomla, воспользуйтесь специальном плагином.
Создать сайт самостоятельно с Wix.com

Инструкция

  • В каталоге дополнений Joomla найдите и установите плагин Core Design Spoiler. Для корректной работы потребуется также плагин Core Design Scriptegrator, который автоматически загрузит JS-библиотеки (Highslide, jQuery и другие). После установки включите оба дополнения через «Менеджер плагинов».
  • Теперь вы сможете добавить спойлер со скрытым содержимым, заключив его в тег [spoiler]. Такой тег можно добавлять не только в обычные статьи Joomla, но также и в материалы компонентов каталога, к примеру в K2, ZOO, FLEXIcontent и т.д.
  • Выберите в настройках плагина способ отображения спойлера. Это может быть как простая ссылка, так и кнопка. Укажите также и условие, при котором спойлер будет раскрываться – при клике или наведении курсора.
  • Кроме указанного способа, любой из параметров можно указать и вручную, в теге [spoiler]. Вид спойлера можно задать параметром element, указав значение link для отображения в виде ссылки или button – для кнопки.
  • Действие, при котором спойлер будет раскрыт можно обозначить через параметр action, для которого еть допустимые значения hover (по наведению курсора) или click (по клику). Уникальный заголовок спойлера можно создать с помощью параметра Title, указав необходимое значение в кавычках.
  • Например, если вам нужно сделать спойлер с заголовком «Читать продолжение истории», который будет открываться по клику на ссылку с текстом заголовка, используйте следующий тег:[spoiler title="Читать продолжение истории" action="click" element="link"]
  • После этого тега поместите текст или изображение, которые нужно спрятать, а затем «закройте» спойлер тегом:[/spoiler]
  • Оцените статью!