Главная » Файлы » Все для uCoz » Скрипты для uCoz |
Скрипт всплывающие подсказки для uCoz
[ Скачать с сервера (15.6 Kb) ] | 18.01.2012, 11:03 |
Скрипт всплывающие подсказки для uCoz DEMO Установка Шаг-1 JS: Устанавливаем после тега следующий скрипт: Code <script type="text/javascript" src="http://joomla.ucoz.com/1/img/unitip.js"></script> Шаг-2 Html: Теперь чтобы наш title отображался у нужного нам элемента, например нужной ссылки, следует прописать ей class="tip": HTML-Code Code <a class="tip" href="#" title="Частная коллекция готовых дизайнерский решений, для вашего сайта или чата.">www.center-dm.ru</a> Шаг-3 CSS: Так как наша подсказка отображается отдельными изображениями, в css стилях давайте их пропишем: CSS-Code Code /* unitip css */ #unitip { position: absolute; z-index: 1000; top: -1000px; color: #fff; font:11px Verdana,Arial,Helvetica, sans-serif; color:#CED9E8; display: none; } #unitippoint, #unitipmid, #unitipcap { position: relative; top: 0px; left: 0px; width: 145px; display: block; } #unitippoint { background: url('img/TipPoint.png') no-repeat; height: 19px; overflow: hidden; } #unitipmid { background: url('img/TipMid.png') repeat; width: 115px; height: auto; padding: 5px 15px; } #unitipcap { background: url('img/TipCap.png') no-repeat; height: 7px; overflow: hidden; } Всё наша подсказка теперь будет отображаться как и положено, главное не забудьте залить на свой сайт в нужную папку изображения подсказки. | |
Просмотров: 718 | Загрузок: 76 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |