How to make colorful sections and subforums // Как сделать цветные разделы и подфорумы

Привет. Сегодня я покажу вам, как сделать красочные разделы и подфорумы в Invision Community. Гайд написан на версии IPS 4.1, поэтому возможно, что на более новой версии он не будет работать, тогда потребуется немного изменить код.

Сначала перейдите в: ACP --> Внешний вид --> Стили и шаблоны --> Редактировать HTML и CSS --> вкладка CSS --> пользовательский --> custom.css

Вставьте код ниже:

[data-forumid="2"] .ipsDataItem_title > a {
  color: #556e53; /* Kolor "A Test Forum" */
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(1) a {
   color: #f87d09; /* Kolor "Test 1" */
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a {
   color: #a9c52f; /* Kolor "Test 3" */
}
.ipsDataItem_title > a:hover, .ipsDataItem_subList > li > a:hover {
  color: #ad1457 !important;
}

Нажмите Сохранить.

В data-forumid добавляем ID выбранного нами отдела. В моем случае это ID:2.

Чтобы узнать, какой ID у нашего отдела, наведите мышку на название отдела. Идентификационный номер находится в справке.

Пример адреса:

Цитата

twojeforum.pl/forum/2-a-test-forum/

Номер отдела находится сразу после косой черты /, которая в приведенном выше случае равна «2».

Затем в скобках () даем номер подфорума, которому хотим придать выбранный цвет.

Цитата

li:nth-child(1)

Предварительный просмотр:

English

Hello. Today I will show you how to make colorful sections and sub-forums in Invision Community. The guide is written on IPS 4.1, so it is possible that it will not work on a newer version, then you will need to slightly change the code.

First go to: ACP --> Appearance --> Styles and Templates --> Edit HTML and CSS --> CSS tab --> custom --> custom.css

Paste the code below:

[data-forumid="2"] .ipsDataItem_title > a {
  color: #556e53; /* Kolor "A Test Forum" */
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(1) a {
   color: #f87d09; /* Kolor "Test 1" */
}
[data-forumid="2"] .ipsDataItem_subList > li:nth-child(3) a {
   color: #a9c52f; /* Kolor "Test 3" */
}
.ipsDataItem_title > a:hover, .ipsDataItem_subList > li > a:hover {
  color: #ad1457 !important;
}

Click Save.

In data-forumid we add the ID of the department we have chosen. In my case it is ID:2.

To find out what ID our department has, hover your mouse over the name of the department. The identification number is in the help.

Address example:

Цитата

twojeforum.pl/forum/2-a-test-forum/

The department number is immediately after the slash /, which is "2" in the above case.

Then, in brackets () we give the number of the subforum to which we want to give the selected color.

Цитата

li:nth-child(1)

Credit to CzareK

Edited 19 апреля, 20232 yr by MrHaim