Подсказки для любого элемента

[dirdir]

Подскажите пожалуйста самые ПРОСТЫЕ подсказки для любого элемента.

Как вот здесь. Что бы у элемента просто был квадратик со стрелочкой, а в квадратике текст.
Для просмотра ссылки Войди или Зарегистрируйся

Что бы было просто. Задал любому элементe текс с подсказкой - и он отображается. Ну и что б они сразу отображались, а не только при наведении

Что б простая разметка была вида:
<div data-text-podskazki="text">блок</div>

При первом поиске отображаются какие-то уж очень муторные плагины

 

[Reserv]

Всплывающая подсказка на CSS - Для просмотра ссылки Войди или Зарегистрируйся

Ну и что б они сразу отображались, а не только при наведении

Для этого нужно лишь чуть подправить CSS в приведённом выше мной примере.

 

[mdss]

Решение на основе дата атрибутов
Для просмотра ссылки Войди или Зарегистрируйся

 

[Reserv]

Так по ссылке которую я дал как раз таки и есть "решение на основе дата атрибутов". При этом на htmlbook всё по русски написано, показано, объяснено.

 

[NikroVir]

либо data-атрибутами, как говорили выше, либо плагином Для просмотра ссылки Войди или Зарегистрируйся

 

[kastembay]

Я делал плагином Для просмотра ссылки Войди или Зарегистрируйся при верстке. Получается довольно-таки красивые хинты.

 

[dirdir]

Спасибо. А как подправить стиль чтоб без наведения сразу уже отображалось?

Допустим в этом примере всё ясно Для просмотра ссылки Войди или Зарегистрируйся

Так же как и во всех. Просто тут уже сразу разноцветные стили есть. Но как сделать что б сразу была подсказка?

 

[kastembay]

Спасибо. А как подправить стиль чтоб без наведения сразу уже отображалось?

Допустим в этом примере всё ясно Для просмотра ссылки Войди или Зарегистрируйся

Так же как и во всех. Просто тут уже сразу разноцветные стили есть. Но как сделать что б сразу была подсказка?

Ну во первых - спасибо тут говорят кнопкой
Во вторых - практически в самом низу есть кнопка "Toggle visibility", то есть она демонстрирует показа хинта путем использования JavaScript. По сути, там добавляется только класс "hint-persist". Скачайте пример себе, разберите и будет вам счастье)

 

[mdss]

Спасибо. А как подправить стиль чтоб без наведения сразу уже отображалось?

Допустим в этом примере всё ясно Для просмотра ссылки Войди или Зарегистрируйся

Так же как и во всех. Просто тут уже сразу разноцветные стили есть. Но как сделать что б сразу была подсказка?

убрать псевдокласс hover из примера