Каталог файлов |
Рейтинг:4.5
Категория: Скрипты для Ucoz
Помните стандартную подсказку Title?
Которая всплывает когда вы наводите стрелку мышки на ссылку,
конечно помните, такое нельзя пройти мимо, так вот существует не одно готовое решение,
благодаря которому можно изменить внешний вид данной подсказки...
Особенности:
- Небольшой вес, всего 8 килобайт
- Перемещается вслед за мышкой (Для некоторых это минус или а для других - наоборот плюс)
- Работает почти во всех новых браузерах
- Простая установка
Вроде все, теперь Установка:
1) Устанавливаем в "Верхнюю часть сайта" в самый верх следующий скрипт:
Code
<script type="text/javascript" src="http://novi4ok.ru/serv/js/unitip.js"></script>
Если у вас нету "Верхней части сайта", то ставим скрипт после тега
На страницы где хотите видеть подсказку (например "Архив новостей")
2) Теперь чтобы наш title отображался у нужного нам элемента,
Например нужной ссылки, следует прописать ей class="tip"
Вот пример:
Code
<a class="tip" href="http://noviok.ru" title="Тут титле">Название ссылки</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://novi4ok.ru/serv/img/title/TipPoint.png') no-repeat;
height: 19px;
overflow: hidden;
}
#unitipmid {
background: url('http://novi4ok.ru/serv/img/title/TipMid.png') repeat;
width: 115px;
height: auto;
padding: 5px 15px;
}
#unitipcap {
background: url('http://novi4ok.ru/serv/img/title/TipCap.png') no-repeat;
height: 7px;
overflow: hidden;
}
#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://novi4ok.ru/serv/img/title/TipPoint.png') no-repeat;
height: 19px;
overflow: hidden;
}
#unitipmid {
background: url('http://novi4ok.ru/serv/img/title/TipMid.png') repeat;
width: 115px;
height: auto;
padding: 5px 15px;
}
#unitipcap {
background: url('http://novi4ok.ru/serv/img/title/TipCap.png') no-repeat;
height: 7px;
overflow: hidden;
}
Всё наша подсказка теперь будет отображаться как и положено..
Вы также можете загрузить картинки и сам скрипт на свой сайт
Для этого скачайте архив и залейте на сайт и поменяйте ссылки на изображения и скрипт
Советую взглянуть:
Адаптация шаблона Zobra ver. 2.0 от Uc-new Форма добавления сообщений для форума Оригинальный шаблон vKadr от uSite.su Персональная страница для Ucoz
Всего комментариев: 5 | |||||
| |||||