Всплывающая подсказка при наведении курсора. [punBB][phpBB2]

Всплывающая подсказка при наведении курсора. [punBB][phpBB2]



ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон overall_header, найдите тег </head> и перед ним вставьте

Код:

<script src='http://www.patmax.eu/J1/120404182635.js'></script>
<script> 
 jQuery(document).ready(function(){
  jQuery('a [title]').quicktip({
  speed:700
  });
 jQuery('img [title]').quicktip({
  speed:700
  });
 jQuery('div [title]').quicktip({
  speed:700
  });
 jQuery('span [title]').quicktip({
  speed:700
  });
 });
 </script>

Сохраните и опубликуйте.

Далее в CSS вставьте код оформления подсказки.

Код:

/*Оформление  подсказки*/
#tooltip {
position:absolute;
background-color: #DDDDDD; /* фон */
z-index: 999;
width:auto;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
font-family:Georgia; /* шрифт */
font-weight:700; /* жирность */
font-size:11px; /* размер текста */
display:none;
color:#000; /* цвет текста */
padding:5px;
}

Сохраните.
Подсказка будет появляться при наведении курсора на элемент форума который имеет атрибут title
Живой пример на моём форуме.

Примечание:
Если на вашем форуме установлены кнопки скролинга Вверх Вниз



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