Красивая форма регистрации для uCoz
Установка
Шаг-1 JS:
Устанавливаем после тега следующий скрипт:
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;
}
Всё наша подсказка теперь будет отображаться как и положено, главное не забудьте залить на свой сайт в нужную папку изображения подсказки.
Источник: http://www.center-dm.ru
Скачать Скрипт всплывающие подсказки для uCoz с файлообменника
Посмотреть демо Скрипт всплывающие подсказки для uCoz
Другие новости |
Поделиться ссылкой
|
5 |
FIGHTER пишет: | 06.05.2012 | 23:34
Страница с комментарием |
AID,ТЫ СДЕЛАЛ УЖЕ ЕЕ?
(0)
|