30.04.14, 09:11
0 комментарий
  DLE Хаки

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

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

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

<a href="{link}"><img src="{image-1}" alt="{title}" title="<b>{title}</b><br/><br/>{text limit="1000"}"/><br/><center>{title}</center></a>


Установка:

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

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

<script type="text/javascript" src="{THEME}/js/tooltip.js"></script>
<script>$(document).ready(function() {$("a").easyTooltip()}); $(document).ready(function(){$("img").easyTooltip()}); </script>


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;
}
шаблоны для dle 11.2

Напишите своё мнение