Обзор популярных расширений Joomla

Статьи о создании и развитии сайта

Обучающие материалы по верстке HTML\CSS


search

Плагин VTEM Tooltip

vtem-tooltipПлагин VTEM Tooltip предназначен для добавления к тексту и изображениям всплывающих подсказок. Также подсказки могут быть созданы практически в любом месте сайта. Окна всплывающих подсказок имеют различное стилевое оформление и способы открытия подсказки. Плагин работает на библиотеке jQuery и совместим с браузерами IE.

Основные возможности

  • Возможность открытия по клику и по наведению
  • Изменение времени показа и ширины окна
  • Тени, скругления углов и различное стилевое оформление

Настройка плагина VTEM Tooltip

После установки, следует перейти в менеджер плагинов, где активировать VTEM ToolTip и открыть его настройки:

  • vtem-tooltip2Event - выбрать способ активации подсказки: наведение мыши (Mouseover) или по клику (Click)
  • Sticky - если установить Вкл., то окно будет открыто до нажатия кнопки закрытия
  • Позиция - выбор расположения окна подсказки
  • Ширина - ширина окна (в пикс.)
  • Duration - время показа (в мс.) всплывающей подсказки
  • Style - стиль Plain (простой), Light (светлый), Dark (темный) и красный, зеленый, синий
  • A / SPAN - выбрать в каких тегах будет обернута подсказка
  • Rounded corner - использовать или нет скругление углов
  • Shadows - использовать или нет тень от всплывающего окна
  • jQuery load - загружать или нет библиотеку jQuery

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

{vtemtooltip title=[Просто подсказка] data=[Пример показа подсказки] link=[Подсказка]}, где

  • title - заголовок в подсказке
  • data - текст самой подсказки
  • link - источник, на котором появится подсказка

Также можно использовать изображения (data=[<img src="/imаges/stories/test.png" />]) в качестве источника и самой подсказки. Дополнительный синтаксис можно посмотреть в DEMO.

demo

Комментарии  

-1 #10 Юлька 16.10.2014 21:43
Супер, но у меня конфликтует со слайдером (
-1 #9 Administrator 10.12.2012 22:40
Цитирую Devol:
Не получилось применить его в ролловере. Это вообще возможно?

Сомневаюсь, что возможно
-1 #8 Devol 09.12.2012 19:17
Не получилось применить его в ролловере. Это вообще возможно?
-1 #7 Administrator 07.12.2012 17:33
Цитирую Sergey:
Установил, все хорошо работает.
Только не могу убрать TITLE - заголовок подсказки. Подскажите плиз!!! Очень срочно нужен!!!

Sergey, так в теге просто не пишите title=[Заголово к]
-1 #6 Sergey 07.12.2012 16:08
Установил, все хорошо работает.
Только не могу убрать TITLE - заголовок подсказки. Подскажите плиз!!! Очень срочно нужен!!!
-1 #5 Анастасия 28.10.2012 19:56
ни могу устоновить плагин
-1 #4 Сергей 28.09.2012 12:48
Поставил данный плагин. Все хорошо работает! Только вот в ходе теста появилась проблемка. При вставке тултипа в середину текста, оставшаяся часть текста переноситься на следующую строчку :( Может кто подскажет как исправить этот косяк?
-1 #3 Роман 29.08.2012 17:45
Хороший, только с левыми ссылками. :sad:
-1 #2 Administrator 28.05.2012 10:40
Цитирую Wahldemar:
Установил, но добавить комментарий не смог. Не понял, как это делается. Может кто подскажет?

Проверил, работает, добавил описание в конце статьи
-1 #1 Wahldemar 28.05.2012 08:44
Установил, но добавить комментарий не смог. Не понял, как это делается. Может кто подскажет?

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

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

Комментарии

  • Модуль VTEM Panorama

    Дмитрий
    Доброго времни суток! Несовсем догоняю как привязать к joomshoping те для каждого товара должен ...
     
  • Плагин Edocs

    sveta
    после перехода с http на https плагин перестал работать. Меняла все пути, которые возможно, но не ...
     
  • Компонент JoomShopping. Полезности

    Димы
    Ух, шикарно, спасибо. Изменил карточку товара. Цену и кнопку "В корзину" разместил слева от ...
     
  • Работа с категориями в K2

    Николай
    Подскажите пожалуйста, пользуюсь Serpstat. Комплексный аудит сайта по метатегам (путь:Аудит сайта ...
     
  • Компонент JoomShopping. Товары и категории

    Валерий
    Здравствуйте. Мне очень нужна Ваша помощь. Как возможно сделать, чтобы форма заказа товара в joomshopping ...