Приветствую Вас, Гость! Регистрация RSS

Портал бесплатных загрузок

Четверг, 16.05.2024
загрузка...
Главная » Файлы » Все для uCoz » Скрипты для uCoz

Скрипт всплывающие подсказки для uCoz
[ Скачать с сервера (15.6 Kb) ] 18.01.2012, 11:03

Скрипт всплывающие подсказки для uCoz
DEMO
Установка
Шаг-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 | Добавил: sypremum | Теги: всплывающие подсказки
Просмотров: 690 | Загрузок: 76 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]