Новый красивый хинт (tooltip) на jQuery
Красивая всплывающая подсказка с помощью jQuery для DLE и других CMS.
Демо: dletweak.ru
Установка:
0. Подключаем jQuery (Если у Вас DLE 9.0 - пропустите этот шаг). После:
</head>
Добавляем:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
1. Открываем страницу (для DLE это templates/шаблон/main.tpl). После:
</head>
Вставляем:
<script type="text/javascript" src="ПУТЬ К ПЛАГИНУ/tooltip.js"></script>
<script>
$(document).ready(function(){$("a").easyTooltip()});$(document).ready(function(){$("img").easyTooltip()});
</script>
ПУТЬ К ПЛАГИНУ замените на путь к папке, в которую положили плагин tooltip.js. Сам плагин качаем здесь:
2. Открываем файл стилей (для DLE это 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;
}