Главная » 2012 » Июнь » 25 » Красивый вид title для ссылок (Скрипты для ucoz)
25.06.2012, 10:57

Красивый вид title для ссылок





Описание:
Красивый вид title хинта для ссылок
Установка:
1) В head или в нижнюю часть сайта:
Code
<script src="/js_title/jquery.tipsy_kracivii_vid_title_dli_ccilok.js" type="text/javascript"></script>  
  <script type="text/javascript">  
  $(function() {  
  $('.north').tipsy({gravity: 'n'});  
  $('.south').tipsy({gravity: 's'});  
  $('.east').tipsy({gravity: 'e'});  
  $('.west').tipsy({gravity: 'w'});  
  });  
  </script>


2) В css стиль:

Code
.tooltip span:before {  
  border-top-color: #CCCCCC;  
  bottom: -9px;  
  }  
  .tipsy {  
  background-image: url("/js_title/tipsy_kracivii_vid_title_dli_ccilok.gif");  
  background-repeat: no-repeat;  
  font-size: 11px;  
  opacity: 0.9;  
  padding: 5px;  
  }  
  .tipsy-inner {  
  background-color: black;  
  color: white;  
  max-width: 200px;  
  padding: 5px 8px 4px;  
  text-align: center;  
  }  
  .tipsy-inner {  
  border-radius: 3px 3px 3px 3px;  
  }  
  .tipsy-north {  
  background-position: center top;  
  }  
  .tipsy-south {  
  background-position: center bottom;  
  }  
  .tipsy-east {  
  background-position: right center;  
  }  
  .tipsy-west {  
  background-position: left center;  
  }

3) Пример ссылки:
Code
<a href="http://infoscript.ru" title="Лучшие скрипты" class="north">ссылка</a>

Настройки направления титла:

Классы:

north - Север

west - Запад

east - Восток

south - Юг

Из архива вытащить папку "js_title" и залить в корень своего сайта.
Все готово.
Материал взят с сайта infoscript.ru
Теги: Скачать Красивый вид title для ссылок
Скачать "Красивый вид title для ссылок"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 2874 | Добавил: Voker | Рейтинг: 2.5/2 |
Теги: вид, красивый, ссылок, TITLE, для
Всего комментариев: 1
0  
1 frenkmalcov   (27.06.2012 21:59) [Материал]
Аватар пользователя
Да уж, 1 скрипт и картинка весят 6 метров.

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