» »

Стильные хинты (подсказки) на чистом 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>

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

Демонстрация
2017-10-11 Загрузок: 9 Просмотров: 697 Комментарий: (8)

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

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

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

Нормальный хостинг стоит в 2 раза дешевле 11a
Kosten
Kosten 2018-01-27 21:598
0
Kashirina, но хоть что то делают, пусть хоть платно, кому нужно, тот купит. Хотя в последнее месяцы не какого обновление не наблюдал.
avatar