11.07.14, 15:15
0 комментарий
  DLE Хаки

Красивые всплывающие подсказки для DLE

В данной статье расскажу про маленький скриптик, с помощью которого можно настроить всплывающую подсказку на теге 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 между HEAD добавить следующий код:

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


CMS: DLE 10.2

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