Для начала скачаем сам хинт и кинем его в корень сайта: Затем ползём в css и в любое место ставим этот код :)
Code
/* -----hint.js----- */
#tooltip {
position:absolute; visibility:hidden; z-index:100;
border:1px solid #5c5749; padding:2px 5px;
text-align:justify; font: Verdana, Helvetica,sans-serif; color:5c5749;
background: #ffffff;
-moz-opacity: .80; opacity: .80; FILTER: alpha(opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
/* ----------------- */
Далее в те шаблоны где вам нужен хинт после тега <head> ставим это:
Code
<script type="text/javascript" src="/hint.js"></script>
Всё готово! Для использования хинта в картинке просто добавляем тег title-"А сюда текст, который будет появляться в хинте!
Script