Каталог файлов

Рейтинг: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;  
}


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

Вы также можете загрузить картинки и сам скрипт на свой сайт
Для этого скачайте архив и залейте на сайт и поменяйте ссылки на изображения и скрипт
 
 
 
Источник: http://www.center-dm.ru
 
 6 комментариев  1488 просмотров  дата: 29.03.2024  автор: admin  загрузок: 69
 
 
Советую взглянуть:
  • Адаптация шаблона Zobra ver. 2.0 от Uc-new
  • Форма добавления сообщений для форума
  • Оригинальный шаблон vKadr от uSite.su
  • Персональная страница для Ucoz
  •  
     
    Всего комментариев: 5

    OFFLINE
    28.01.2014 16:49 Вторник | №1 Спам
    0
    ты пробовал в редакторе страниц заменить,там может быть просто данный код под футером или недаром отображаться
     

    OFFLINE
    28.01.2014 21:54 Вторник | №2 Спам
    0
    Это то понятно, что в глобальных блоках - быстро, а я имел в виду вообще все остальные ссылки, например в материалах, в менюшках, и т.п.
     

    OFFLINE
    29.01.2014 04:42 Среда | №3 Спам
    0
    а не проще было css изменить, то есть написать в css .titlе{код от tip}
     

    OFFLINE
    29.01.2014 13:41 Среда | №4 Спам
    0
    идея конечно же... попробую
     

    OFFLINE
    29.01.2014 16:45 Среда | №5 Спам
    0
    попробуй)
     
    Добавлять комментарии могут только зарегистрированные пользователи.
    Регистрация | Вход

    Меню сайта

    Мини чат

    Последние комментарии


    Опрос сайта

    Нужно ли изменять у себя на сайте стандарты Ucoz
    Всего ответов: 9

    Статистика

    Кол-во зареганных: 2908 (+0)
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Сейчас на сайте:

    Нас посетили: