DLE - красивые всплывающие подсказки через title, скрипт tooltip

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

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

{title}

Выше показан исходный код шаблона, по которому формируется похожая новость в файле relatednews.tpl, показанная на скриншоте выше! Как видно, всплывающая подсказка формируется из заголовка и текста короткой новости!

Установка:

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

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;
}

Источник: https://dlemaster.net/