- Наведение курсора мыши на иконку последнего сообщения - всплывашка с текстом последнего сообщения темы
- Наведение курсора мыши на имя темы - всплывашка с частью текста из первого сообщения темы
[*]
[*][/list]
Сам по себе мод легок в установке, не забываем после правок файлов запускать скрипт-инсталлятор, путем перехода в браузере по ссылке
Код: Выделить всё
http://адрес форума/topichover_db_update.php
Сразу же скажу что это весьма легкая доработка CSS части мода Topic Text Hover. Она вам позволит настроить по вкусу всплывашку и закруглить ее углы.
Открываем файл
css code
#tooltip{ border: 3px #6b8dba solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; display: none; background : url('./images/1.gif'); color: #000000; font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; position: absolute; left: 0; z-index: 1000; filter: alpha(opacity=95); opacity: .95; }Небольшие пояснения по коду
css code
#tooltip{ border: 3px #6b8dba solid; // стиль рамки, по порядку - толщина рамки в пикселях, HTML цвет рамки -moz-border-radius: 10px; // степень закругленности углов, задается для старых браузеров Mozilla Firefox -webkit-border-radius: 10px; // степень закругленности углов, задается для старых браузеров Chrome и Safari border-radius: 10px; // степень закругленности углов, задается для всех прочих браузеров padding: 5px; // внутренние отступы от рамки до текста подсказки display: none; background : url('./images/1.gif'); // фоновое изображение для подсказки, поместить в styles/ваш стиль/theme/images/ color: #000000; // цвет текста в подсказке font: 10px Verdana, Arial, Helvetica, sans-serif; // используемые шрифты в подсказке text-align: left; // расположение текста относительно края position: absolute; left: 0; z-index: 1000; filter: alpha(opacity=95); // степень прозрачности позсказки, значение 100 отключает полностью прозрачность opacity: .95; // степень прозрачности позсказки, значение 1 отключает полностью прозрачность }Впринципе и все, это элементарные познания в CSS, комунибудь может понадобится