Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт новый вид всплывающей подсказки Title для uCoz
Скрипт новый вид всплывающей подсказки Title для uCoz
Delete
Дата: Среда, 26.09.2012, 13:22 | Сообщение # 1
Проверенные
Сообщений:1075
Награды: 7




Особенности:
- Небольшой вес, всего 8 килобайт
- Перемещается вслед за мышкой (Для некоторых это минус или а для других - наоборот плюс)
- Работает почти во всех новых браузерах
- Простая установка

Установка:
1) Устанавливаем в верхнюю часть сайта в самый верх следующий скрипт:

Code
<script type="text/javascript" src="http://www.cstav.ru/uCoz/1/1/title/unitip.js"></script>


Если у вас нету "Верхней части сайта", то ставим скрипт перед тега
Code
</body>

На страницы где хотите видеть подсказку (например "Архив новостей")


2) Теперь чтобы наш title отображался у нужного нам элемента, например нужной ссылки, следует прописать ей class="tip"
Вот пример:

Code
<a class="tip" title="ZorNet.Ru" href="http://zornet.ru/" >ZorNet.Ru</a>


3) Оставлось прописать css стили для title - заходим в Таблицу стилей(CSS) и вставляем:
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('http://www.cstav.ru/uCoz/1/1/title/TipPoint.png') no-repeat;   
height: 19px;   
overflow: hidden;   
}   
#unitipmid {   
background: url('http://www.cstav.ru/uCoz/1/1/title/TipMid.png') repeat;   
width: 115px;   
height: auto;   
padding: 5px 15px;   
}   
#unitipcap {   
background: url('http://www.cstav.ru/uCoz/1/1/title/TipCap.png') no-repeat;   
height: 7px;   
overflow: hidden;   
}


Всё наша подсказка теперь будет отображаться как и положено...

Демо
Прикрепления: 7236077.jpg(8Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт новый вид всплывающей подсказки Title для uCoz
Страница 1 из 11
Поиск: