A- A A+
Расширение Joomla - Tooltips

Очередное расширение от компании NoNumber. Помимо того, что разработчики выпускает хитовые продукты, они предоставляют также бесплатные версии своих расширений. В этом уроке рассмотрим плагин Tooltips, который реализует функцию всплывающей подсказки.

Карточка расширения Tooltips

Скачать

Дополнительная информация

Тип расширения: Плагин
Версия: 3.7.9
Совместимость: 2.5, 3.x

Шаг 1. Установка Tooltips

Перемещаемся по верхнему меню вправо в РАСШИРЕНИЯ => МЕНЕДЖЕР РАСШИРЕНИЙ.

Расширение Joomla - Tooltips

На вкладке Установить из URL вставляем ссылку и жмем "Установить".

http://download.nonumber.nl/?ext=tooltips

Расширение Joomla - Tooltips

Любителям привычных способов установки расширений, предлагается вкладка "Загрузить файл пакета".

Шаг 2. Настройка плагина

Посещаем РАСШИРЕНИЯ => МЕНЕДЖЕР ПЛАГИНОВ и ищем строку System - NoNumber Tooltips.

Расширение Joomla - Tooltips

Рассмотрим настройки плагина:

  • Оформление - Загрузка собственных стилей расширения. Если вы создали собственные стили, тогда этот параметр отключается.

Расширение Joomla - Tooltips

  • Ссылка - Здесь указывается цвет ссылки, способ и цвет подчеркивания. Данная ссылка будет указывать на текст с подсказкой.

Расширение Joomla - Tooltips

Далее идут параметры Всплывающие подсказки:

  • Title color - Цвет заголовка.
  • Цвет текста
  • Цвет ссылки - Цвет ссылок в подсказке.
  • Background Colour Title - Фон заголовка.
  • Фоновый цвет - Фон всплывающего окна.
  • Цвет рамки
  • Максимальная ширина - Максимальная ширина подсказки в пикселях.
  • z-индекс - Если подсказка перекрывается другими элементами страницы, увеличьте данный параметр.

Расширение Joomla - Tooltips

Шаг 3. Оформление материала

Открываем любой материал и вставляем следующий код.

{tip Заголовок подсказки::Текст всплывающей подсказки}Текст{/tip}

Код можно также вставить, воспользовавшись внизу редактора новой кнопкой Подсказки.

Расширение Joomla - Tooltips

Заменяем "Заголовок подсказки" на текст заголовка. "Текст всплывающей подсказки" меняем на свой контент. Между фигурными скобками будет текст для ссылки (якорь).

Проверяем статью и получаем при наведении стильную подсказку.

Расширение Joomla - Tooltips

Шаг 4. Цвет заголовка

Если добавить после текста всплывающей подсказки вертикальную линию и название цвета (на английском), тогда изменится фон и цвет заголовка для конкретного примера.

{tip Заголовок подсказки::Текст всплывающей подсказки|red}Текст{/tip}

Расширение Joomla - Tooltips

Шаг 5. Всплывающая картинка

Ниже представлен код для создания эффекта всплывающей картинки.

{tip <img src="/images/strawberries.jpg" width="200" height="150" />}Клубника{/tip}

То есть, вам необходимо указать путь к картинке и ее размер.

Расширение Joomla - Tooltips

Все просто и симпатично, обязательно попробуйте!

 

Добавить комментарий

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!