Плагин всплывающей подсказки на сайте
 | |
| Как в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 | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 11 | |
|
| |
| 1 2 » | |
