Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Всплывающих подсказок (tooltip или hint)

Всплывающих подсказок (tooltip или hint)

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Всплывающих подсказок (tooltip или hint).

Кроссбраузерный 100% рабочий скрипт, который заменяет стандартные всплывающие подсказки ссылок (tooltip или hint). Проверялся автором в браузерах: Opera, Safari, Google Chrome, Mozilla, Navigator, IE 6-8.


Установка:
Создайте файл tooltip.js в папке templates/ваш_шаблон/css, и вставьте в него следующий код:


Вверху кода увидите настройки. Из них я выставил только задержку появления на 0 (чтобы подсказка появлялась мгновенно).
К настройкам добавлю от себя: чтобы изменить расстояние между курсором и подсказкой, найдите (123 строка):
tooltip.t.style.left = x + 12 + "px";
tooltip.t.style.top = y + 12 + "px";


Первая строчка - горизонталь, вторая - вертикаль. "12" - это расстояние в пикселях подсказки от курсора. Изменяйте по своему усмотрению.


Затем в Ваш style.css, вставьте стиль для всплывающей подсказки:
#tooltip{
background:#fff;
border:1px solid #46688e;
color:#215d98;
font:11px verdana;
margin:0px;
padding:5px;
position:absolute;
visibility:hidden;
}

Затем, в Вашем шаблоне, в файл главной страницы (main.tpl), вставьте:
<script language="javascript" src="тег theme/css/tooltip.js"></script>

Установка закончена.

Missing update?
Checkout our NULLED Web Community


Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных


+1
Просмотры: 8 187 :: Комментарии (10) :: :: Нужна помощь? Задайте вопрос на форуме ::
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1REVOLTSH

  • 23 января 2011 14:27
  • Регистрация: 29.10.2010
  • Был(а) онлайн: 25.10.2011
  • Комментариев: 6
  • 0
А можно демо взглянуть?

#2kurban777

  • 23 января 2011 15:07
  • Регистрация: 9.02.2010
  • Был(а) онлайн: 17.10.2022
  • Комментариев: 15
  • 0
демо можно увидеть здесь наведя на любую картинку: raplist.ru

--------------------

#3bomoslik

  • 23 января 2011 16:37
  • Регистрация: 17.11.2010
  • Был(а) онлайн: 6.10.2014
  • Комментариев: 40
  • 0
уже было, давно

--------------------

#4NeoMurderer

  • 23 января 2011 17:57
  • Регистрация: 7.01.2011
  • Был(а) онлайн: 17.03.2021
  • Комментариев: 12
  • 0
bomoslik,очень давно

#5bizZz0n

  • 23 января 2011 18:10
  • Регистрация: 21.09.2010
  • Был(а) онлайн: 26.01.2021
  • Комментариев: 88
  • 0
На демой сайте при наведении на картинку, подсказки выскакивают, но постоянно мигают, это так надо или баг (Chrome последний)

#6Большой Кактус

  • 23 января 2011 18:25
  • Регистрация: 8.10.2009
  • Был(а) онлайн: 2.01.2013
  • Комментариев: 296
  • 0
NeoMurderer, очень-очень давно
:D
для кого-то это ново и дико, как будто впервые видит.

#7bob321

  • 16 февраля 2011 00:19
  • Регистрация: 7.02.2010
  • Был(а) онлайн: 9.01.2015
  • Комментариев: 9
  • 0
У меня почему-то не работает на b-log.org.ua всё делал по правилам...

#8JIexaman

  • 1 марта 2011 14:18
  • Регистрация: 26.02.2010
  • Был(а) онлайн: 2.10.2013
  • Комментариев: 34
  • 0
Каким бы кроссбраузерным не был этот скрипт, он иногда не работает на кривых рипнутых шаблонах... Была такая проблема, пока не сменил шаблон, скрипт работать отказывался.

#9kolchan11

  • 20 апреля 2011 19:32
  • Регистрация: 6.02.2011
  • Был(а) онлайн: 2.11.2018
  • Комментариев: 148
  • 0
По-моему лишнее

#10podrapom

  • 28 декабря 2011 06:30
  • Регистрация: 22.12.2011
  • Был(а) онлайн: 15.05.2012
  • Комментариев: 49
  • 0
эт не тултипс эт хз что

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

Архив новостей
Май 2024 (5)
Апрель 2024 (20)
Март 2024 (18)
Февраль 2024 (27)
Январь 2024 (11)
Декабрь 2023 (12)
Друзья сайта