Всплывающая подсказка Title для uCoz

Добавил: Вадим

Оценка:

Меняем внешний вид подсказки тега Title с помощью css стилей, тем самым при наводе курсора на ссылку, появится не стандартное окошко подсказки, а более привлекательное. Данное решение стало очень популярным на многих сайтах, ведь это тоже часть дизайна.

Установка:

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

Code

2) Теперь чтобы наша подсказка title отображался у нужного нам элемента, например нужной ссылки, следует прописать ей class="tip":

Code

<a class="tip" href="#" title="Частная коллекция готовых дизайнерский решений, для вашего сайта или чата.">www.ucozu.ru</a>

3) Так как подсказка отображается отдельными изображениями, в 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;
}

Ну вот и все, теперь новый стиль подсказки установлен, только не забудьте скачать архив с изображениями и залить к себе на сайт папку "img".

Автор\Источник: center-dm.ru

Добавлено: 24.05.2012 в 13:32

Вы находитесь на странице материала Всплывающая подсказка Title для uCoz из раздела нашего сайта

Скрипты для ucoz

который можно скачать совершенно бесплатно и без регистрации.

Также рекомендуем:

Комментарии сайта
Комментарии Вконтакте

Всего комментариев: 0

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

О нас

Ucozu.Ru - перспективный сайт с удобным дизайном и многими уникальными статьями, файлами. Здесь вы сможете скачивать и просматривать файлы без регистрации.На нашем сайте вы найдёте много шаблонов,скриптов и тд.Все для uCoz.Так же множество статей по раскрутки вашего сайта и системе uCoz.

Кто онлайн

Пользователи

Гости сайта

Рекомендуем

Волоконно-оптические кроссы

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

17:06

winbloger

Понравился шаблон, спасибо!