Скрипт всплывающие подсказки для uCoz


Красивая форма регистрации для uCoz
Установка

Шаг-1 JS:
Устанавливаем после тега следующий скрипт:

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;  
}


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

Источник: http://www.center-dm.ru



  Категория: Другие скрипты для ucoz | Добавил: AID | Дата: 10.01.2012
Скачать Скрипт всплывающие подсказки для uCoz с файлообменника
Посмотреть демо Скрипт всплывающие подсказки для uCoz

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
5 | FIGHTER пишет: | 06.05.2012 | 23:34 Страница с комментарием |
AID,ТЫ СДЕЛАЛ УЖЕ ЕЕ?
+ (0) -