• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » скрипт хинта (Не могу найти)
скрипт хинта
Тишинa
Сообщений: 33
Репутация: -8

Сообщение # 1 | 23:04:45 11 Июл 2012
Не могу найти скрипт для хинтов, чтобы не прописывать в каждой ссылке хинт. Нужно, чтобы хинты были на всех страницах сайта вообще везде и без лишней писанины.
brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 2 | 23:15:47 11 Июл 2012
Размести этот код на всех страницах, где ты хочешь видеть свой хинт, а не стандартные подсказки браузера
(Общий вид форума, Персональная страница пользователя, Новости и так далее)

<script type="text/javascript" src="http://www.center-dm.ru/data/jQuery/Tipsy_Tooltip/jquery.tipsy.js"></script>
<script type='text/javascript'>
$(function() {
$('.north').tipsy({gravity: 'n'});
$('.south').tipsy({gravity: 's'});
$('.east').tipsy({gravity: 'e'});
$('.west').tipsy({gravity: 'w'});
});
</script>

теперь следует в любом блоке указать title и один из четырех классов:
class="north"
class="south"
class="east"
class="west"
эти четыре указывают, с какой стороны будет подсказака

(если разберешься, потом поясню, чего еще нужно приклеить, там маленький не обязательный ньюанс)

Добавлено (11-Июл-2012, 23:15:47)
---------------------------------------------
title="содержимое подсказки"

Читайте книги role.su - Rolesu Authors Workshop.
Тишинa
Сообщений: 33
Репутация: -8

Сообщение # 3 | 00:08:36 12 Июл 2012
Не поняла, в каком таком блоке?
и можно скрин хинта?
brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 4 | 00:16:19 12 Июл 2012
toron-dor.ucoz.ru
открываешь кнопочкой чат, там если по кнопкам водить - хинт увидишь

в любом блоке

к примеру, ты хочешь, что бы под картинкой появлялась надпись с хинта
<img src="http://toron-dor.ucoz.ru/grandmenu/emblema.gif" class="north" title="что ж тут появится">

north - север, а север внизу
Читайте книги role.su - Rolesu Authors Workshop.
Тишинa
Сообщений: 33
Репутация: -8

Сообщение # 5 | 01:32:46 12 Июл 2012
Мне как раз нужно что-то, что помогает не прописывать в каждой ссылке код хинта.
brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 6 | 10:24:48 12 Июл 2012
title="что ж тут появится" - самый минимальный вариант. Ты в ссылке указываешь содержимое подсказки таким образом
class="north" - это привязывает вид хинта к скрипту
и кстати, йа забыл стиль css

Code
.tipsy {  
  padding: 5px;  
  font-size: 11px;  
  opacity: 0.6;  
  filter: alpha(opacity=60);  
  background-repeat: no-repeat;  
  background-image: url('http://toron-dor.ucoz.ru/tipsy.gif');  
}  
.tipsy-inner {  
  padding: 5px 8px 4px 8px;  
  background-color: black;  
  color: white;  
  max-width: 200px;  
  text-align: center;  
}  
.tipsy-inner {  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
}  
.tipsy-north {background-position: top center;}  
.tipsy-south {background-position: bottom center;}  
.tipsy-east {background-position: right center;}  
.tipsy-west {background-position: left center;}


обрати внимание,
http://toron-dor.ucoz.ru/tipsy.gif
хранится на моем сайте
тебе нужно сохранить и у себя, и ссылку указать не с моего сайта, а со своего
Читайте книги role.su - Rolesu Authors Workshop.
Сообщество uCoz » Архивариус » Корзина » скрипт хинта (Не могу найти)
  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!