Хак Всплывающая подсказка через title | Techno-Co

11.05.2014
Без рубрики

В данной статье рассказывается про маленький скриптик, с помощью которого можно настроить всплывающую подсказку на теге title=\»\» без дополнительных тегов и кодов.

По сети гуляет много разных скриптов, но большинство из них, либо не работает, либо требует дополнительных тегов. А мне этого не нужно. Особенность данного скрипта в том, что он показывает тег title без дополнительных тегов!В данной статье рассказывается про маленький скриптик, с помощью которого можно настроить всплывающую подсказку на теге title=\»\» без дополнительных тегов и кодов.

По сети гуляет много разных скриптов, но большинство из них, либо не работает, либо требует дополнительных тегов. А мне этого не нужно. Особенность данного скрипта в том, что он показывает тег title без дополнительных тегов!

{title}


{title}

Установка:

1. Скачать архив и залить файл tooltip.js в ваш шаблон в папку js

2. В main.tpl между добавить следующий код:


$(document).ready(function() {$("a").easyTooltip()}); $(document).ready(function(){$("img").easyTooltip()});

3. В файл стилей добавить конец:

/*Tooltip - всплывающие подсказки*/
#easyTooltip{
    max-width: 300px;
    padding:10px;
    border:1px solid #000;
    background:#000;
    color: #ccc;
    border-radius: 6px;
    opacity: 0.8;
    font-size: 15px ;
    z-index: 9999;
    box-shadow: 0px 0px 15px #000;
}