Помните стандартную подсказку Title?
Которая всплывает когда вы наводите стрелку мышки на ссылку,
конечно помните, такое нельзя пройти мимо, так вот существует не одно готовое решение,
благодаря которому можно изменить внешний вид данной подсказки...
Особенности:
- Небольшой вес, всего 8 килобайт
- Перемещается вслед за мышкой (Для некоторых это минус или а для других - наоборот плюс)
- Работает почти во всех новых браузерах
- Простая установка
Вроде все, теперь
Установка:
1) Устанавливаем в "Верхнюю часть сайта" в самый верх следующий скрипт:
Код
<script type="text/javascript" src="http://for-ucoz.ru/scripts/untip/unitip.js"></script>
Если у вас нету "Верхней части сайта", то ставим скрипт после тега
На страницы где хотите видеть подсказку (например "Архив новостей")
2) Теперь чтобы наш title отображался у нужного нам элемента,
Например нужной ссылки, следует прописать ей class="tip"
Вот пример:
Код
<a class="tip" href="/" title="Тут титле">Название ссылки</a>
3) Оставлось прописать css стили для title - заходим в Таблицу стилей(CSS) и вставляем:
Код
/* 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://for-ucoz.my1.ru/scripts/untip/TipPoint.png') no-repeat;
height: 19px;
overflow: hidden;
}
#unitipmid {
background: url('http://for-ucoz.my1.ru/scripts/untip/TipMid.png') repeat;
width: 115px;
height: auto;
padding: 5px 15px;
}
#unitipcap {
background: url('http://for-ucoz.my1.ru/scripts/untip/TipCap.png') no-repeat;
height: 7px;
overflow: hidden;
}
Всё наша подсказка теперь будет отображаться как и положено..
Вы также можете загрузить картинки и сам скрипт на свой сайт
Для этого скачайте архив и залейте на сайт и поменяйте ссылки на изображения и скрипт
Войдите на сайт или Зарегистрируйтесь