Topic Text in Mouse Over phpbb3
Добавлено: 07 июл 2012, 22:41
Всем привет, продолжая традицию анонсов различных красивостей и полезностей для phpbb3, представляю вам мод графической направленности - Topic Text in Mouse Over. Чем же хорош этот мод? А тем что добавляет на форум красивое всплывающее окно со следущим содержанием:
Сам по себе мод легок в установке, не забываем после правок файлов запускать скрипт-инсталлятор, путем перехода в браузере по ссылке
Теперь нам надо руссифицировать мод, для этого скачиваем архив с руссификацией и единственную папку language помещаем в корень форума
Все, теперь мод установлен, осталось его активировать - Админка - Функции форума
Сразу же скажу что это весьма легкая доработка CSS части мода Topic Text Hover. Она вам позволит настроить по вкусу всплывашку и закруглить ее углы.
Открываем файлstyles/ваш стиль/theme/tooltip.css и заменяем весь код на приведенный ниже
- Наведение курсора мыши на иконку последнего сообщения - всплывашка с текстом последнего сообщения темы
- Наведение курсора мыши на имя темы - всплывашка с частью текста из первого сообщения темы
Данная модификация интегрируется со следущими модами[list]
[*]
[*][/list]
Вообщем данный мод, прекрасное графическое дополнение для форума, советую ставить всем, не пожалеете. Скачиваем архив с модификацией и устанавливаем по инструкции[*]
[*][/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, комунибудь может понадобится