Перейти к содержанию

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

Всем доброй ночи! Поколдовал тут со стилем, смог сделать вот такое выделение форумов для 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 форума.

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

Это моя подпись.

Ссылка на комментарий
https://ip-gamers.net/topic/267-vydelyaem-otdelnye-forumy-v-ips-4718-kartinkoj-fonom/
Поделиться на другие сайты

Решено Ryancoolround

Перейти к решению
Ryancoolround
Сообщение добавил Ryancoolround,

Дата последней проверки способа 25 Октября 2024 года. Данный способ работает на Invision Community 4.7.18

Рекомендуемые сообщения

Опубликовано
  • Автор
  • Администраторы
  • Решение
comment_8724
В 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.

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

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

На Invision Community 4.7.18 данный вариант прекрасно работает!

S.JPG

Изменено пользователем Ryancoolround
Добавил информацию о Invision Community 4.7.18 (смотреть историю редактирования)

Это моя подпись.

Ссылка на комментарий
https://ip-gamers.net/topic/267-vydelyaem-otdelnye-forumy-v-ips-4718-kartinkoj-fonom/?&do=findComment&comment=8724
Поделиться на другие сайты
  • 1 год спустя...

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

Ссылка на комментарий
https://ip-gamers.net/topic/267-vydelyaem-otdelnye-forumy-v-ips-4718-kartinkoj-fonom/?&do=findComment&comment=1655
Поделиться на другие сайты
  • 3 месяца спустя...

Если хотите превратить главную страницу форума в зебру (Как у нас на главной), поставьте следующий код в 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; /* Здесь выбирается необходимый цвет. */
}
/**Конец полосатого форума**/

Это моя подпись.

Ссылка на комментарий
https://ip-gamers.net/topic/267-vydelyaem-otdelnye-forumy-v-ips-4718-kartinkoj-fonom/?&do=findComment&comment=2505
Поделиться на другие сайты
  • 11 месяцев спустя...
В 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; /* Здесь выбирается необходимый цвет. */
}
/**Конец полосатого форума**/

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

Ссылка на комментарий
https://ip-gamers.net/topic/267-vydelyaem-otdelnye-forumy-v-ips-4718-kartinkoj-fonom/?&do=findComment&comment=8406
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйте новый аккаунт в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

Похожий контент

Последние посетители 0

  • Ни одного зарегистрированного пользователя не просматривает данную страницу