Всплывающие подсказки, полностью аналогичные стандартным, за исключением кроссбраузерной работы с использованием jQuery и крохотным количеством кода.
заменить js/tooltips.js на
Код:
this.tooltip = function(){ xOffset = 6; yOffset = 16; jQuery("[title]").hover(function(e){ this.t = this.title; this.title = ""; jQuery("body").append("<p id='tooltip'>"+ this.t +"</p>"); jQuery("#tooltip") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .show(); }, function(){ this.title = this.t; jQuery("#tooltip").remove(); }); jQuery("[title]").mousemove(function(e){ jQuery("#tooltip") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; jQuery(document).ready(function(){ tooltip(); });
в стиле темы заменить селектор #tooltip на этот
Код:
#tooltip { position:absolute; border:1px solid #555; background-color: #eee; padding:2px 5px; color:#555; border-left: 7px solid #555; display:none; z-index: 100; }