Wenk.css — легкая библиотека для тултипов написанная на CSS. С ее помощью можно легко и быстро сделать простенькие тултипы на сайте без использования дополнительных скриптов!

Установка

Установка как обычно проста, вставить ссылку на файл в коде страницы, файл можно подключать из репозитория, но лучше скачать и поставить локально:

Использование

Чтобы создать тултип нужно в html теге добавить атрибут data-wenk с вашим любым текстом:

Так же можно регулировать положение подсказок атрибутом data-wenk-pos или добавлением класса к тегу .wenk—*. По умолчанию подсказка появляется с верху.

Так же в этой библиотеке заложены 4 стиля с размерами подсказок, добавляются через data-wenk-length=»small|medium|large|fit», либо с помощью css класса .wenk-length—*:

И последние настройки, это выравнивание текста внутри подсказки
P.S. Не смотря на то что на странице разработчика этой библиотеки написано что подсказки можно выравнивать стилями wenk-align—right и wenk-align-center, в коде css файла почему то эти стили отсутствуют, страшного в этом ничего нет, можно и самому добавить эти стили :).
Возможно вас это заинтересует
comments powered by HyperComments