Проверено

VDS-хостинг - именно на этом хостинге работает наш сайт.
Sape - биржа временных ссылок, доход 80р/день.
Trustlink - биржа временных ссылок, доход 60р/день.
Telderi - здесь покупаю сайты для дальнейшего заработка.

Партнеры

Новый красивый хинт (tooltip) на jQuery

Новый красивый хинт (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. Сам плагин качаем здесь:

Прикреплённые файлы:
Файл: tooltip.rar
Размер: [467 b] (забрали: 21 раз)


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;
}

Другие новости по теме:

| Пишет: lozemc | 26 января 2013 13:43 | Сообщений: 0 | Новостей: 0
Привет)
никак не пойму, почему у меня эта подсказка выскакивает правильно оформлена, но при движении мышкой исчезает, как и без использования хинта, что с этим делать? И я так и не понял зачем нужен tooltip_pack.js ? Он в коде нигде не прописан) Помогите плиз)