» »

Плагин всплывающей подсказки на сайте


Плагин всплывающей подсказки на сайте

Как вcем известно, что подсказка срабатывает на title и после наведение появляется, но здесь можно и с изображением работать. Здесь добавлена анимация и также идут стили и как можно заметить, подсказка будет светлой, что на темном фоне или на светлом ее хорошо будет визуально наблюдать.

Но вы можете сделать ее под свой дизайн и выставить тот оттенок, который вам нужен. Что по изображению, здесь сам в первые вижу и представлено картинка, что идет уже не написано, что дают title а реальное изображение. А значит к написанному или к тегу вы можете привязать картинку, что для поисковых систем будет связано.

Так смотрится с изображением:

Стильная подсказка на сайте

Приступаем к установке:

Нужно подключить скрипт и его ставим в нижнее часть сайта - чтоб по всему ресурсу работал.

Код
<script type="text/javascript" src="http://zornet.ru/Aben/Aben-Abag/MinTip-v2.0.js"></script>


CSS:

Код
.MinTip{  
  font: 11px Verdana,sans-serif;  
  color:#666;  
  padding:6px;  
  position: absolute;  
  display:none;  
  max-width: 300px;  
  background-color: #eee;  
  border:1px solid #ccc;  
  -webkit-border-radius:6px;  
  -moz-border-radius:6px;  
  border-radius:6px;  
  -webkit-box-shadow: 0px 0px 4px #999;  
  -moz-box-shadow: 0px 0px 4px #999;  
  box-shadow: 0px 0px 4px #999;  
  z-index:9999;  
}


На этом все, вся установка заключается в размещение, и теперь в стилях вы можете сами редактировать или оставить как идет по умолчанию, что показано в материале.

Источник: getelement.3dn.ru
04.03.2017 Просмотров: 388 Комментарий: (11)

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

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

Комментарий: 11
ТОРНАДО
ТОРНАДО 04.03.2017 17:581
0
Привет костен ,я так понимаю атериал повторяется или просто я ошибочно сделал свою версию.
Kosten
Kosten 04.03.2017 18:043
0
Что повторяется, это плагин под титле на сайте, где прописано будет, там и будет показывать этот хинт. Также здесь можно делать с изображением, все проверено и работает.
ТОРНАДО
ТОРНАДО 04.03.2017 17:582
0
сорри материал переделай наречие
Kosten
Kosten 04.03.2017 18:054
0
Чего переделать?
ТОРНАДО
ТОРНАДО 04.03.2017 18:085
0
комент ошибка у меня сори извени что сразу не понял
FeStemBer
FeStemBer 04.03.2017 18:166
0
Что этот человек несет. 50a
Kosten
Kosten 04.03.2017 18:297
0
Все нормально, сам понять не могу, надеюсь больше этого не повториться.
Сопрано
Сопрано 04.03.2017 18:418
0
Это же простой хинт, что некоторые после обновление не стали работать, но если этот рабочий, но нормально.
Kosten
Kosten 04.03.2017 18:479
0
Да. это рабочий плагин или хинт и работает на титле, и также на изображение, только как картинку ставить здесь нужно понять.

1 2 »
avatar