jquery-1.2.1.js
jquery.dimensions.js
jquery.tooltip.js
Копируем все файлы в папку js
Открываем:
templates/ваш_шаблон/index.php
После
<body class="page_bg">
Вставляем такой код:
<script type="text/javascript" src="js/jquery-1.2.1.js"></script>
<script type="text/javascript" src="js/jquery.dimensions.js"></script>
<script type="text/javascript" src="js/jquery.tooltip.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('a, input').tooltip({
track: true,
delay: 100,
showBody: '::',
opacity: 0.85
});
});
</script>
Открываем
templates/ваш_шаблон/style/main.css
В самый конец файла вставляем таблицу
#tooltip {
position: absolute;
z-index: 3000;
width:250px;
border: 1px solid #269;
background-color: #48b;
padding: 0;
opacity: 0.85;
color:#fff;
}
#tooltip h3 {
background-color: #269;
padding-left:5px;
font-weight:bold;
font-size:1.4em;
}
#tooltip div {
padding-left:5px;
padding-right:5px;
}
Всё сохраняем и закачиваем на серв.