
Перед вами красивый хинт для для 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 вашего шаблона.

