Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
ЗИМА НА DIZ-CS.RU
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Красивый вид title для ссылок
Дата: Пт, 04.05.2012, 20:12:15 | Сообщение # 1
Аватарка [K]api[Q]
OFF
Мошенник
164 Сообщения:
18 Награды:
ICQ пользователя:
Skype пользователя:


Описание:
Красивый вид title хинта для ссылок
Установка:
1) В head или в нижнюю часть сайта:
Code
<script src="http://www.csomsk.ru/1-ucoz/pm/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("http://www.csomsk.ru/1-ucoz/pm/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://diz-cs.ru/" title="Лучшие скрипты" class="north">ссылка</a>


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

Классы:

north - Север

west - Запад

east - Восток

south - Юг
  • Страница 1 из 1
  • 1
Поиск: