Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Выделение цветом Объявления и Важного сообщения в списке тем

Предыдущая тема Следующая тема Перейти вниз

Выделение цветом Объявления и Важного сообщения в списке тем

Сообщение автор Luz в Вт 22 Мар - 18:51

Этот туториал позволит вам выделять цветом строки тем с пометкой "Объявления" и 'Важное" в списке тем.

Как это выглядит (на форуме с базовым стилем версии phpbb2):





Установка скрипта



В ПА > Модули > Управление кодами JS добавьте новый скрипт:

(проверьте, напротив "Активировать управление кодами Javascript" должно стоять "Да")

Название: любое
Расположение: на всех страницах
Код:

PhpBB2, PunBB и Invision

Код:
$(function() {
/* настройки фона Объявления */
$('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('annonce');
/* настройки фона Важно */
$('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('post-it');
});



PhpBB3
   
Код:
$(function() {
/* настройки фона Объявления */
$("dl.icon[style*='http://illiweb.com/fa/empty.gif']").addClass("annonce");
/* настройки фона Важно */
$("dl.icon[style*='http://illiweb.com/fa/empty.gif']").addClass("post-it");
});

В этом скрипте вам надо заменить две ссылки http://illiweb.com/fa/empty.gif , подставив на их место ссылку на иконку сообщений с метками "Объявление" и "Важно".

Эти ссылки вы найдете в ПА > Оформление (Продвинутый режим) > Картинки и цвета > Управление картинками > Иконки тем



Не забудьте сохранить.



Настройки CSS



После установки скрипта вам остается лишь добавить запись в персональную СSS, чтобы задать цвет подсветки.

в ПА > Оформление (Продвинутый режим) > Картинки и цвета > Цвета > Каскадная таблица стилей CSS добавьте код CSS, соответствующий версии вашего форума:

PhpBB2, PunBB и Invision

Код:
tr.annonce td {background-color:#F88C8C !important;} /* настройки фона Объявления */
tr.post-it td {background-color:#9CDFE2 !important;} /* настройки фона Важной темы */



PhpBB3
     
Код:
dl.annonce {background-color:#F88C8C !important;} /* настройки фона Объявления */
dl.post-it {background-color:#9CDFE2 !important;} /* настройки фона Важной темы */

В этом коде вам нужно подставить вместо #F88C8C и #9CDFE2 код выбранного вами цвета.

Не забудьте сохранить.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Luz
Администратор
Администратор

Женщина

Сообщения : 16464
Возраст : 43
Регистрация : 2005-03-01
Благодарности : 2562

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения