это в css
Код
.tooltip {display:inline;position:relative;top:70px;}
.tooltip:hover:after {background:#333;background:rgba(0,0,0,.8);border-radius:5px;bottom:26px;color:#fff; content:attr(title);left:20%;padding:5px 15px;position:absolute;z-index:4;width:220px;}
.tooltip:hover:before {border: solid;border-color:#333 transparent; border-width:6px 6px 0 6px;bottom:20px;content:"";left:50%;position:absolute;z-index:5;}
Если подсказку перекрывают какие либо элементы шаблона. Поставьте z-index больше.
это ну вы поняли, в html
Код
<a href="#" title="asdasd" class="tooltip"><span title="1">OFF</span></a>
...
