Закругленный tooltip

Всплывающие подсказки с закругленными краями

 • Просмотры: 4046
gu
guru3000
Откуда: Ни.Но
Благодарил (а): 32 раза
Поблагодарили: 40 раз
Сообщения: 139
Зарегистрирован: 01 мар 2010, 13:42
Сообщение

Закругленный tooltip

19 мар 2011, 01:50

На мод это конечно не претендует, но может кому понадобится:

Как сделать всплывающие подсказки с закругленными краями.
1 Открываем
.../tracker/addons/css/jquery.tooltip.css

2 Заменяем весь код в файле на следующий:

Код: Выделить всё

#tooltip {
	color: #000;
	position: absolute;
	z-index: 3000;
	border: 1px solid #999999;
	background-color: #f1f1f1;
	padding: 5px;
	opacity: 0.75;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75; 
    -khtml-opacity: 0.75; 
}
#tooltip h5, #tooltip div { margin: 0; }
3 Открываем
.../tracker/addons/js/jquery.tooltip.js

4 Находим строчку

Код: Выделить всё

helper.parent = $('<div id="' + settings.id + '"><h4></h4><div class="body"></div><div class="url"></div></div>')
5 Заменяем её полностью на

Код: Выделить всё

helper.parent = $('<div id="' + settings.id + '"><h5></h5><div class="body"></div><div class="url"></div></div>')
6 Находим строчку

Код: Выделить всё

helper.title = $('h4', helper.parent);
7 Заменяем её полностью на

Код: Выделить всё

helper.title = $('h5', helper.parent);
вот и все...
жду советов и критики... :D
Re
Remembrance
Откуда: Киев
Благодарил (а): 1 раз
Поблагодарили: 2 раза
Сообщения: 76
Зарегистрирован: 15 июн 2010, 13:59
Сообщение

Закругленный tooltip

19 мар 2011, 04:05

Отлично! Только вот h4 менять h5 не стал, ибо слишком мелкий шрифт получается!

Добавлено спустя 6 минут 13 секунд:
Еще бы сделать тень вокруг подсказки :) было б круто)

Добавлено спустя 1 час 40 минут 38 секунд:
В IE не работает!
de
demon1
Благодарил (а): 1 раз
Поблагодарили: 1 раз
Сообщения: 34
Зарегистрирован: 11 окт 2010, 23:03
Сообщение

Закругленный tooltip

19 мар 2011, 06:09

хотелось бы хотя бы на скриншотах сие чудо вначале увидеть. реально?..
gu
guru3000
Откуда: Ни.Но
Благодарил (а): 32 раза
Поблагодарили: 40 раз
Сообщения: 139
Зарегистрирован: 01 мар 2010, 13:42
Сообщение

Закругленный tooltip

19 мар 2011, 11:37

demon1 писал(а):хотелось бы хотя бы на скриншотах сие чудо вначале увидеть
пожалуйста:
Аватара пользователя
9CaraTT
Благодарил (а): 230 раз
Поблагодарили: 228 раз
Сообщения: 3085
Зарегистрирован: 13 мар 2011, 15:23
Сообщение

Закругленный tooltip

22 мар 2011, 00:23

на браузере "мозила" отображает без закругления.
Re
Remembrance
Откуда: Киев
Благодарил (а): 1 раз
Поблагодарили: 2 раза
Сообщения: 76
Зарегистрирован: 15 июн 2010, 13:59
Сообщение

Закругленный tooltip

27 мар 2011, 14:45

В мозилле как раз работает нормально! А вот конченный IE не хотит!
gu
guru3000
Откуда: Ни.Но
Благодарил (а): 32 раза
Поблагодарили: 40 раз
Сообщения: 139
Зарегистрирован: 01 мар 2010, 13:42
Сообщение

Закругленный tooltip

28 мар 2011, 00:14

Remembrance писал(а):А вот конченный IE не хотит
Все переходим на OPER'у :lol: 8-)
Аватара пользователя
9CaraTT
Благодарил (а): 230 раз
Поблагодарили: 228 раз
Сообщения: 3085
Зарегистрирован: 13 мар 2011, 15:23
Сообщение

Закругленный tooltip

30 мар 2011, 17:02

Ну придётся, так как объяснить в чём дела не хотят, хотя нужно было обновить просто мозилу и проблема отдлетела.
Te
TesH
Откуда: Жигулёвск
Благодарил (а): 3 раза
Сообщения: 13
Зарегистрирован: 12 апр 2010, 17:58
Сообщение

Закругленный tooltip

18 апр 2011, 16:43

чёт у меня ничего не поменялось ... как были тупые углы так и остались ..
Трекер - Версия: free Ревизия: 20110411 Обновление: 39
Аватара пользователя
9CaraTT
Благодарил (а): 230 раз
Поблагодарили: 228 раз
Сообщения: 3085
Зарегистрирован: 13 мар 2011, 15:23
Сообщение

Закругленный tooltip

26 июл 2011, 16:15

Точно туда сували куда нужно? браузер какой?

Вернуться в «Готовые моды для трекера»