Наша Кнопка



Мини профиль
Наши партнеры
Онлайн лист
Онлайн всего: 2
Гостей: 2
Пользователей: 0
Пользователи
Гости сайта
Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz [ Добавить материал ]

Всплывающее окошко для Ucoz

Добавил: Гость » Дата: 17.05.2024
Категория:
Скрипты для Ucoz
УСТАНОВКА СКРИПТА:


Шаг первый-JS скрипт
Ставим после тега слюдующий скрипт:
Code
<script type="text/javascript" src="http://joomla.ucoz.com/1/img/unitip.js"></script>

Шаг второй HTML
Теперь чтобы скрипт отображался у нужного там окошка или ссылки нужно прописать ей class="tip":
Code
<a class="tip" href="#" title="Частная коллекция готовых дизайнерский решений, для вашего сайта или чата.">www.center-dm.ru</a>

Ну а теперь чтобы наша подсказка отображалась отдельными картинками нам нужно прописать в 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('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;  
  }

Чтобы скачивать файлы вам нужна или Это займёт не больше 2х минут...

· ·
Метки: Всплывающее окошко для Ucoz
Просмотров: 744 | Загрузок: 46 | Комментариев: 0


Не забудь поделится с Друзьями

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]