Красивая всплывающая подсказка хинт (tooltip) на jQuery для DLE 10.0

Перед вами красивый хинт для для DLE 10.0, который поможет вам улучшить юзабилие вашего сайта. Пример данной подсказки, и работы скрипта на смотрите на нашем сайте.

Установка:
Подключаем jQuery (Если у Вас DLE 9.0 или выше пропустите этот шаг)
1. Открываем страницу templates/шаблон/main.tpl
Перед:

</head>

Добавляем:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

2. Открываем страницу templates/шаблон/main.tpl
Перед:

</head>

Вставляем:

<script type="text/javascript" src="{THEME}/js/tooltip.js"></script>
<script>
$(document).ready(function(){$("a").easyTooltip()});$(document).ready(function(){$("img").easyTooltip()});
</script>

3. Открываем файл стилей templates/шаблон/css/style.css
В самый конец вставляем:

#easyTooltip{
    padding:10px;
    border:1px solid #999999;
    background:#f1f1f1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #666666;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    }

Качаем плагин tooltip.js и добавляем его в папку js вашего шаблона.