• Страница 1 из 1
  • 1
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Скрипты и коды » Красивый вид title для ссылок
Красивый вид title для ссылок
exclusiv...
/avatar/01/4333-414916.png
1');return false;" rel="nofollow" href="javascript://" name="2780">
18.03.2012 в 09:31

Данный скрипт стоит и у нас на сайте)

Установка:

1) В head
Code
<script src="http://webo4ka.ru/Ucoz5/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://webo4ka.ru/Ucoz5/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://webik.at.ua/" title="design studio" class="north">ссылка</a>


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

Класы:

north - Север

west - Запад

east - Восток

south - Юг
Nikola
/avatar/64/4120-829722.png
2');return false;" rel="nofollow" href="javascript://" name="3479">
10.05.2012 в 19:37 отличная штука, себе взял)
GamiD
/avatar/65/183606.png
3');return false;" rel="nofollow" href="javascript://" name="3482">
10.05.2012 в 20:57 да не плохо и мне понадобится
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Скрипты и коды » Красивый вид title для ссылок
  • Страница 1 из 1
  • 1
Поиск: