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

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


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

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

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


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

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

Выделение цветом строки раздела с новым сообщением (в оглавлении форума)

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

Выделение цветом строки раздела с новым сообщением (в оглавлении форума)

Сообщение автор Luz в Вт 10 Сен - 18:28

Выделение цветом строки раздела с новым сообщением

Этот туториал позволит вам выделять  цветом строки таблицы с разделами вашего форума, когда в разделах появляются новые сообщения.

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





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



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


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

Название: любое
Расположение:  в оглавлении
Код:

PhpBB2, PunBB и Invision

Код:
$(function() {
         $('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('newpost');
        $('img[src="http://illiweb.com/fa/empty.gif"]').closest('tr').addClass('newpost');
        });



PhpBB3
   
Код:
$(function() {
         $('dl.icon[style*="http://illiweb.com/fa/empty.gif"]').addClass('newpost');
        $('dl.icon[style*="http://illiweb.com/fa/empty.gif"]').addClass('newpost');
        });
В этом скрипте вам надо заменить две ссылки http://illiweb.com/fa/empty.gif , подставив на их место  ссылку на иконку новых сообщений в категории ("Категория - Новое") и ссылку на иконку новых сообщений в форуме ("Форум - Новое").

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

Посмотреть на скриншоте:

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



Настройки CSS



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

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

PhpBB2, PunBB и Invision
     
Код:
tr.newpost td {
        background:#COLOR!important;}




PhpBB3
     
Код:
dl.newpost {
        background:#COLOR!important;}
В этом коде вам нужно подставить вместо #COLOR  код выбранного вами цвета.

Например, на скриншоте в начале туториала использован цвет #F08080 :

Код:

tr.newpost td {
        background:#F08080!important;}

Коды цветов HTML


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



© Данный туториал является переводом туториала, размещенного на французском форуме поддержки FORUMACTIF.COM. Автор туториала - Matriochka. Любая публикация этого материала без разрешения администрации help.forum2x2.ru  запрещается.



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


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


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


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

Женщина

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

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

http://help.forum2x2.ru

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

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

- Похожие темы

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