Fotovideoforum.ru

Дор ЗАМЕНА ВСПЛЫВАЮЩИХ ПОДСКАЗОК Topic text hover
При просмотрах форумов достаточно было подвести курсор к названию темы или к листику последнего сообщения и при настройке в 250 символов виден был текст первого или последнего сообщения.

Сперва сам мод последней версии от автора -

Topic Text Hover v 1.0.6 - всплывающие подсказки постов от автора.rar: (64.18 КБ) Скачиваний: 132

Перевод мода -

Код: выделить все: 'ALLOW_TOPIC_TITLE_HOVER' => 'Показывает текст при наведении', 'ALLOW_TOPIC_TITLE_HOVER_EXPLAIN' => 'Позволяет показывать во всплывающей подсказке при наведении на заголовок сообщения текст первого сообщения, или текст последнего (при наведении на иконку "показать последнее сообщение") или оба вместе.', 'ALLOW_TOPIC_TITLE_HOVER_CHAR' => 'Количество символов для отображения', 'CHARS' => 'Символы', 'DISABLE_TEXT_HOVER' => 'Отключить всплывающие подсказки', 'TEXT_HOVER_OPTIONS' => 'Показывать при наведении', 'TEXT_HOVER_OPTIONS_EXPLAIN' => 'Что будет разрешено', 'TOPIC_TEXT_HOVER_FIRST' => 'Первое сообщение', 'TOPIC_TEXT_HOVER_LAST' => 'Последнее сообщение', 'TOPIC_TEXT_HOVER_BOTH' => 'Оба сообщения',

Вид от автора -

При таком содержимом файла tooltip.css.....

Код: выделить все: /** * @package styles * @version $Id: tooltip.css,v 1.1 2008/12/09 22:26:52 rmcgirr83 Exp $ * @copyright (c) 2008 Richard McGirr (RMcGirr83) - http://rmcgirr83.org * @license http://opensource.org/licenses/gpl-license.php GNU Public License ---------------------------------------- */ #tooltip{ position: absolute; z-index: -2; right: 30px; margin-top: -3px; padding: 5px 5px 2px; background: #ECF3F7; line-height: 1.8em; box-shadow: 0px 2px 12px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0px 2px 12px; -khtml-box-shadow: 0px 2px 12px; -webkit-box-shadow: 0px 2px 12px #555; padding: 10px; border: solid 3px #000000; border-radius: 8px;[icode][/icode] display: none; /*white-space: nowrap;*/ color: #000066; font: 15px Verdana, Arial, Helvetica, sans-serif; text-align: left; left: 5; z-index: 1000; filter: alpha(opacity=90); opacity: .90; }

Вид такой -

При приближении к краям окна браузера - легко складывается..

Мохнатое содержимое файла tooltip.css

Код: выделить все: /** * @package styles * @version $Id: tooltip.css,v 1.1 2008/12/09 22:26:52 rmcgirr83 Exp $ * @copyright (c) 2008 Richard McGirr (RMcGirr83) - http://rmcgirr83.org * @license http://opensource.org/licenses/gpl-license.php GNU Public License ---------------------------------------- */ #tooltip{ /*bloc padingi*/ position: absolute; z-index: -2; right: 30px; margin-top: -3px; padding: 5px 5px 5px; background: #ECF3F7; line-height: 5.8em; box-shadow: 0px 0px 32px; padding: 10px; filter: alpha(opacity=90); opacity: .90; /*bloc border*/ border: solid 3px #000000; border-radius: 8px; display: none; /*white-space: nowrap;*/ color: #000066; /*font texs*/ font: 15px Verdana, Arial, Helvetica, sans-serif; text-align: left; left: 5; z-index: 100; }

Всплывашка, мохнатая, с бордюром черного цвета, с прозрачностью почти 100 (90), спокойным фоном, синим шрифтом:

Код: выделить все: #tooltip{ position: absolute; /* Абсолютное позиционирование */ padding: 5px; /* Поля вокруг текста */ border: solid 3px #000000; /* Параметры рамки */ display: none; /*white-space: nowrap;*/ background: #ECF3F7; /* Цвет фона */ color: #000066; /* Цвет текста */ -moz-box-shadow: 0 0 32px; /* Для Firefox */ -webkit-box-shadow: 0 0 32px; /* Для Safari и Chrome */ box-shadow: 0 0 32px; /* Параметры тени */ border-radius: 8px; /* Радиус скругления */ font: 15px Verdana, Arial, Helvetica, sans-serif; text-align: left; /* Позиция текста */ z-index: 1000; /* Приоритер наложения */ filter: alpha(opacity=90); /* Костыль для ИЕ */ opacity: 0.9; /* Полупрозрачность элемента */ }

Решение с обрезанием длинных подсказок на краях с использованием jquery (кроссбраузерное)
в файле tooltip.js
найти

Код: выделить все: this.tip.style.left = (x + this.offsetX) + "px";

вставить перед

Код: выделить все: var l = x + this.offsetX;

найти

Код: выделить все: this.tip.style.top = (y + this.offsetY) + "px";

вставить после

Код: выделить все: var all = jQuery(window).width(); var left = jQuery(this.tip).offset().left; var width = jQuery(this.tip).outerWidth(true); var offset = all - (left + width); if (offset < 0) this.tip.style.left = (l + offset) + "px";

Ну и архив с вариантами CSS -

Дор ЗАМЕНА ВСПЛЫВАЮЩИХ ПОДСКАЗОК Topic text hover v1.0.6.rar: (4.25 КБ) Скачиваний: 152

Fotovideoforum.ru

• 130 Замена интерфейса всплывашек от Topic text hover •

Достаточно подвести курсор к названию темы

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

130 Замена интерфейса всплывашек от Topic text hover

• Информация о том, кто, когда и сколько раз просматривал эту тему •

• Блок вывода аналогичных по названию других тем нашего форума •