Хаки Tooltips - Всплывающие подсказки

Администратор · Регистрация: 27.02.2009

Делаем красивые всплывающие подсказки, используя jQuery

Для начала прикрутим сам jQuery к нашему форуму и сразу же плагин для всплывающих подсказок.

Админ панель - Стили и шаблоны - Управление стилями - в нужном стиле выбираем Редактировать шаблоны

и ищем шаблон:
headinclude

В самый низ вставляем

PHP код:



<script type="text/javascript" src="clientscript/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="clientscript/jquery.style-my-tooltips.js"></script>

<script type="text/javascript">  
$().ready(function() {  
    $("[title]").style_my_tooltips({ 
        tip_follows_cursor: "on",
        tip_delay_time: 500
    });  
});  
</script>

Стиль для подсказок задается в CSS. Мы используем скругленные углы СSS3.

Админ панель - Стили и шаблоны - Управление стилями - в нужном стиле выбрать Основная таблица CSS - и во второе поле Дополнительные определения CSS вставить:

PHP код:



#s-m-t-tooltip{
    position:absolute; 
    max-width:300px;  
    padding:6px 8px 8px 8px; 
    background:#1347AF; 
    z-index:10; 
    display:inline-block; /*important*/
    /*font*/
    font-family:Verdana, Geneva, sans-serif; 
    font-size:11px; 
    line-height:16px;
    color:#fff; 
    /*css3 rounded corners*/
    -moz-border-radius:5px; 
    -khtml-border-radius:5px; 
    -webkit-border-radius:5px; 
    border-radius:5px;
}

Все файлы (два файла) из архива скопировать в папку clientscript

Скачать

Пользователь · Регистрация: 12.04.2012

как бы еще сделать чтоб подсказка сама исчезала (таяла) через определенное время

Администратор · Регистрация: 27.02.2009

она вообще то тает:
Плагин для стилизации подсказок
(демо посмотрите)

Пользователь · Регистрация: 12.04.2012

там нормально а у меня бывает подвисает курсор убираешь а подсказка остается

Администратор · Регистрация: 27.02.2009

В скрипт мной изменения не вносились.

Пользователь · Регистрация: 03.06.2012

я долго это искал спасибо

Пользователь · Регистрация: 03.07.2012

качайте у автора, там как минимум 7 ошибок исправленно

Style-my-tooltips jQuery plugin – malihu | web design

Пользователь · Регистрация: 29.08.2012

Отлично, то что нужно.

Пользователь · Регистрация: 21.07.2014

Большое спасибо за подсказки, очень красиво смотрятся.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Skrimm #2
410 МГц Пользователь Вес репутации: 0 Регистрация: 12.04.2012 Адрес: Гомель Сообщений: 663 Сказал(а) спасибо: 70 Спасибок 90 в 84 сообщениях	Re: Tooltips - Всплывающие подсказки - 26.05.2012, 22:44 как бы еще сделать чтоб подсказка сама исчезала (таяла) через определенное время

Vector #3
7560 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,248 Сказал(а) спасибо: 574 Спасибок 2,673 в 1,898 сообщениях	Re: Tooltips - Всплывающие подсказки - 27.05.2012, 22:02 она вообще то тает: Плагин для стилизации подсказок (демо посмотрите)

Skrimm #4
410 МГц Пользователь Вес репутации: 0 Регистрация: 12.04.2012 Адрес: Гомель Сообщений: 663 Сказал(а) спасибо: 70 Спасибок 90 в 84 сообщениях	Re: Tooltips - Всплывающие подсказки - 27.05.2012, 22:23 там нормально а у меня бывает подвисает курсор убираешь а подсказка остается

Vector #5
7560 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,248 Сказал(а) спасибо: 574 Спасибок 2,673 в 1,898 сообщениях	Re: Tooltips - Всплывающие подсказки - 27.05.2012, 22:28 В скрипт мной изменения не вносились.