Плагин всплывающей подсказки на сайте - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


Как в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

Важно!

При копировании материала указывать ссылку на источник.

- 484
- 04-Марта-2017
- 0
Материал разместил:

Похожий материал
Статьи сайта