Скрипты для ucoz, шаблоны для ucoz на ForuCoz.Com
ForuCoz.Сom - Портал где есть все для ucoz, у нас всегда, самые интересные скрипты для ucoz и шаблоны для ucoz, огромный выбор иконок и графики для Photoshop дабы украсить свой сайт.
Место ждет своего хозяина.
Место ждет своего хозяина.
Вы просматриваете материал который относится к категории Скрипты для ucoz. Думаю вам понравился материал Скрипт всплывающие подсказки для uCoz и вы воспользуетесь им! :)
Скрипт всплывающие подсказки для uCoz
Установка
Шаг-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;
}
Всё наша подсказка теперь будет отображаться как и положено, главное не забудьте залить на свой сайт в нужную папку изображения подсказки.
Скрипт всплывающие подсказки для uCoz
