Описание:
Красивый вид 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://logical-portal.ru/" title="Лучшие скрипты" class="north">LP</a>
настройки направления титла:
Классы:
Quote
north - Север
west - Запад
east - Восток
south - Юг
