Выделяем отдельные форумы в IPS 4.4.10 картинкой фоном

[ryancoolround]

Всем доброй ночи! Поколдовал тут со стилем, смог сделать вот такое выделение форумов для IPS 4.4.10. Сам использовать не буду, так как люблю минимализм, но вам может пригодиться. Демо:

Что бы это сработало, в custom.css надо добавить следующий код:

/* Фоны для форумов */
.cForumRow [data-forumid="26"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="3"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="21"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="38"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="17"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="10"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="46"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}

Где [data-forumid="26"] это идентификатор форума, в котором вы хотите установить картинку. Узнать ID форума можно по ссылке. Пример:

Ссылка на форум: https://ip-gamers.net/forum/30-srazhenie-v-left-4-dead-2/ - Цифра выделенная желтым цветом, это и есть ID форума.

Ну а с адресом картинки, думаю сами разберетесь. Жду лайков 🙂

[miss]

Спасибо, это работает 😉

[ryancoolround]

Если хотите превратить главную страницу форума в зебру (Как у нас на главной), поставьте следующий код в custom.css:

/**Полосатый форум**/
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):not( .ipsDataItem_new ):not( .ipsDataItem_success ):not( .ipsDataItem_warning ):not( .ipsDataItem_error ):not( .ipsDataItem_info ):not( .ipsDataItem_status ):nth-child(even) {
	background: #181818; /* Здесь выбирается необходимый цвет. */
}
/**Конец полосатого форума**/

[buy.]

В 15.01.2021 в 01:03, Райан сказал:

/**Полосатый форум**/
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):not( .ipsDataItem_new ):not( .ipsDataItem_success ):not( .ipsDataItem_warning ):not( .ipsDataItem_error ):not( .ipsDataItem_info ):not( .ipsDataItem_status ):nth-child(even) {
	background: #181818; /* Здесь выбирается необходимый цвет. */
}
/**Конец полосатого форума**/

Это потрясающе ?. Отличная работа.

[ryancoolround]

В 15.05.2020 в 01:07, Райан сказал:

Всем доброй ночи! Поколдовал тут со стилем, смог сделать вот такое выделение форумов для IPS 4.4.10. Сам использовать не буду, так как люблю минимализм, но вам может пригодиться. Демо:

Что бы это сработало, в custom.css надо добавить следующий код:

/* Фоны для форумов */
.cForumRow [data-forumid="26"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="3"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="21"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="38"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="17"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="10"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}
[data-forumid="46"] {
	background: url(Полная ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}

Где [data-forumid="26"] это идентификатор форума, в котором вы хотите установить картинку. Узнать ID форума можно по ссылке. Пример:

Ссылка на форум: https://ip-gamers.net/forum/30-srazhenie-v-left-4-dead-2/ - Цифра выделенная желтым цветом, это и есть ID форума.

Ну а с адресом картинки, думаю сами разберетесь. Жду лайков ?

Вот это в актуальных версиях не работает. Код по другому как то надо написать. Разберусь позже.

В 15.01.2021 в 01:03, Райан сказал:

/**Полосатый форум**/
.ipsDataList.ipsDataList_zebra .ipsDataItem:not( .ipsDataItem_selected ):not( .ipsModerated ):not( .ipsDataItem_new ):not( .ipsDataItem_success ):not( .ipsDataItem_warning ):not( .ipsDataItem_error ):not( .ipsDataItem_info ):not( .ipsDataItem_status ):nth-child(even) {
	background: #181818; /* Здесь выбирается необходимый цвет. */
}
/**Конец полосатого форума**/

Полосатый форум вроде работает.

За обнаружение благодарю парня с ником Tungus.

[ryancoolround]

Если вариант из первого поста не сработал, попробуйте этот вариант:

.cForumList [data-forumid="ID Форума"] {
	background: url(Ссылка на картинку) no-repeat !important;
    box-shadow:0 0 0 128px rgba(0, 0, 0.99, 0.50) inset;
}