DataLife Engine > Версия для печати > Красивые всплывающие подсказки для DLE

10.08.2014
Datalife Engine

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

{title}


{title}

Установка:

1. Скачать архив и залить файл tooltip.js в ваш шаблон в папку js
2. В main.tpl между HEAD добавить следующий код:


$(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;

CMS: DLE 10.2

Метки: