Если ваш блог наполнен всевозможными терминами, указаниями, разъяснениями, то не мешает добавить в него всплывающие окошки, поясняющие некоторые термины. Такие окошки можно легко прикрутить с помощью плагина Tippy.
Плагин работает так: вы обрамляете текст, который должен всплывать, специальными ключами.
1 | [tippy title=”Hover on me”]I am a friendly Tippy tooltip.[/tippy] |
Ну вы уже поняли, что эти ключи делают. Кстати, можно добавлять текст не только простой, но и с форматированием, ссылками и картинками. Посмотреть различные примеры работы плагина, а так же скачать его можно на странице автора:
› Посмотреть Tippy в работе |
↓ Скачать Tippy |
| В интернете расположился и уютно себя чувствует настоящий магазин оригинальных подарков на все случаи жизни. | Прежде чем лететь в экзотическую страну на отдых, хотите посмотреть, что она вам может предложить? Бесплатное видео онлайн о местах отдыха. | Не секрет, что в наших квартирах кухни не самые просторные. Посмотрите на превосходный дизайн маленькой кухни — сделайте так же! |
А можно в шаблон вставить? А не в пост или странице?
Мне например,ссылки в сайдбаре нужно вывести с выплывающим окном, как этот плагин реализовать?
При активации плагина, всплывающее окно становится прозрачным. как можно это исправить?
Нужно отредактировать файл dom_tooltip.css, который находится в папке с плагином.
Найдите все строчки, подобные вот этим:
2
3
opacity: .95;
mozOpacity: .95;
Исправьте в них цифры, чтобы выглядело примерно так:
2
3
opacity: 1.0;
mozOpacity: 1.0;
Подобные строчки отвечают за полупрозрачность. Обратите внимание, что они встречаются в нескольких местах – нужно исправить все.
"Нужно отредактировать файл dom_tooltip.css"
Не помогло.