СайтыЭнциклопедия

Как добавить всплывающие подсказки при наведении в Joomla

Установка CMS Joomla на хостинг, скажем https://s-host.com.ua/, или любой другой — это процесс, состоящий всего из нескольких простых этапов, рассматривать которые не вижу смысла. Предположим, что Джумла установлена, поэтому можем приступать к рассмотрению плагина, отвечающего за вывод всплывающих подсказок на сайте. Дело в том, что эта, казалось бы, необязательная опция может существенно улучшить подачу информации на сайте. Например, благодаря всплывающим подсказкам вы можете дать короткое разъяснение того или иного термина.

Установка плагина Tooltips

Скачайте плагин и установите его:

  • перейдите в раздел админки «Расширения»/»Менеджер расширений»/»Установить»;
  • откройте вкладку «Загрузить файл пакета»;
  • загрузите и установите скачанный файл.

На этом установка плагина Tooltips завершена и вы можете использовать его для создания всплывающих подсказок на сайте.

Добавление всплывающих подсказок

Откройте страницу в режиме редактирования и вы увидите, что среди прочих кнопок появилась еще одна — “Всплывающие подсказки”:

Всплывающие подсказки при наведении

Поставьте курсор перед участком текста, для которого будет создана всплывающая подсказка (также скопируйе его), и кликните на одноименную кнопку в текстовом редакторе. В блоке “Всплывающие подсказки” нужно сделать следующее:

  • выберите тип всплывающей подсказки (текст или картинка);
  • впишите заголовок;
  • впишите текст подсказки в поле Text (HTML):

Всплывающие подсказки при наведении (2)

В блоке “Ссылка” также выберите текст или картинку, а в поле Text (HTML) вставьте скопированный ранее участок текста. нажмите кнопку “Вставить”:

Всплывающие подсказки при наведении (3)

Сохраните внесенные изменения и проверьте, как подсказка отображается на сайте:

Всплывающие подсказки при наведении (4)

Добавив плагин сразу после установки движка на хостинг вы всегда сможете использовать его для уточнений и разъяснений, причем не только в текстовом виде, но и при помощи картинки:

Всплывающие подсказки при наведении (5)

Метки

Знали ли Вы что:

Проверить также

Close
Close