В этой статье я вам покажу как прикрутить Hint к своему сайту.

1) Скачиваем: Внимание! У вас нет прав для просмотра скрытого текста.

2) Запихиваем его в папку: templates/ВАШ ШАБЛОН/css/

3) Подключаем его. Открываем main.tpl (Главный файл шаблона,можно через АЦ.) Перед: </style> пишем: <script type="text/javascript" src="templates/ВАШ ШАБЛОН/css/wz_tooltip.js"></script>
<STYLE type=text/css media=all>
.hr_line {
    MARGIN-TOP: 4px; FONT-SIZE: 3px; BACKGROUND: url(/templates/skripters/images/line.gif); MARGIN-BOTTOM: 4px; WIDTH: 100%; FONT-FAMILY: tahoma; HEIGHT: 7px
}

#tooltip { background: black; border-left: 1px solid yellow; border-right : 1px solid yellow; border-bottom : 1px

solid yellow; border-top : 1px solid yellow; font : 11px tahoma; color : yellow; padding : 7px; position :

absolute; visibility : hidden; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
</style>

background: black; - Фон хинта
border-left: 1px solid yellow; - Левая сторона хинта
border-right : 1px solid yellow; - Правая сторона хинтa

В общем где Yellow,замените на цвет своего дизайна.

Картинку line.gif , кинуть в папку со своим стилем так-же изменить переменные до картинки.

PS: Сам хинт был спизж*н с dle.in.ua