Название темы Раздел Ответов Последний

Красивая всплывающая подсказка хинт (tooltip) на jQuery для DLE 10.0


26 сентября 2013
Красивая всплывающая подсказка хинт (tooltip) на jQuery для DLE 10.0

Перед вами красивый хинт для для 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 вашего шаблона.
Вы не можете скачивать файлы с нашего сервера
Скачивать файлы могут только ЗАРЕГИСТРИРОВАННЫЕ пользователи


ava

Написал: xaxaxa
Группа: Анонимус
1
0
3 апреля 2014 19:47
А чё в архив нельзя было коды скинуть?С сайта у вас скопировать код нельзя!!!В место кода копируется ссылка на источник!Вот только источник чего???Что в ручную кды переписывать?!Спасибо большое за удобство! fffuuuu

ava

Написал: follor
Группа: Посетители Пользователь offline
2
0
21 июля 2014 00:20
на 10.2 не работает(

ava

Написал: GenoM
Группа: Анонимус
3
0
11 сентября 2014 22:27
Работает как часы на 10.2, в чём то накосячил значит. Раз не работает


Информация
Посетители, находящиеся в группе Анонимус, не могут оставлять комментарии к данной публикации.