• Автор:

    Flesha
  • Добавлено:

    апр 29, 2014
  • Комментариев:

    1
  • Просмотров:

    2 748

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

Хак Всплывающая подсказка через 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
Вернуться

Комментарии:


  1. presebook → 3 мая 2014 12:30
    JQuery Tipsy лучше использовать для таких целей...
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.