» »

Стильные хинты (подсказки) на чистом CSS

Стильные хинты (подсказки) на чистом CSS

Вы можете на своем сайте поставить стильные хинты или подсказки, которые будут работать при наведении, где атрибут title прописан. Здесь представлено несколько элементов в плане с каком месте он появиться. Это должно быть как вверх или низ, и безусловно по обеим сторонам. Сама такая функция зависит от браузера в отличие от этого, где он визуально везде одинаково появляется.

Их использование разнообразное, кто-то в описание выставляет, где-то можно заметить на названиях к материалу. Здесь веб мастер решает где ему лучше быть. Он по умолчанию идет в темном оттенке, но с ним стили привязаны, что редактирование приветствуется, все видно на Demo, где полностью оцените.
Файловый менеджер закидываем hint.min и после в /head нужно link сохранить.

Подсказки на чистом CSS3 и HTML5

HTML

Код
<link rel="stylesheet" type="text/css" href="/css/hint.min.css">

Это элемент, где будет срабатывать подсказка.

Код
<span class="hint--top hint--bounce" data-hint="ZORNET.RU - Скрипты и шаблоны для uCoz">Подсказка появиться по вверх</span>

Мелкие настройки, за что отвечают настройки, гетально прочесть в текстовом документе.

Демонстрация
11.10.2017 Загрузок: 3 Просмотров: 255 Комментарий: (6)

Поделиться в социальных сетях

Материал разместил

Комментарий: 6
Kosten
Kosten 11.10.2017 20:211
0
Забыл добавить, в архиве в текстовом документе идут аналогичные стили, только они были переработаны на генераторе CSS, что стали более понятны.
andruha061
andruha061 11.10.2017 21:442
+1
Дим, почему не сделаешь лайки на сайте или рейтинг) вот щас хочется лайк поставить а не могу))
Kosten
Kosten 11.10.2017 21:543
0
Просто получиться так, тот кто разместил, там репа и плюс лайки, хотя если от uCoz купить.
andruha061
andruha061 12.10.2017 05:224
0
ну я бы не стал покупать у ucoz. платить 400 рублей (минимум) за какую то кнопку каждый месяц ну это бред.
я рипал эту кнопку uLike, все получилось в идеале, только не получилось сделать чтобы к количеству лайков прибавлялось еще если был произведен лайк, но если захотеть копать дальше, то можно элементарно JS подключить и все)
Kosten
Kosten 12.10.2017 05:405
0
Не знал, что такие цены за месяц, хотя можно взять любой рейтинг и доработать по стилям.
andruha061
andruha061 12.10.2017 18:196
0
да, это кнопка uLike доступна при покупке премиум аккаунта. А минимальная цена на этот сраный аккаунт как я уже сказал 400 рублей, а если быть точным то 405...
Это шизофрения просто.
avatar