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

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


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

  • Администратор

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

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

Изменено пользователем Райан
Обновил версию IPS в заголовке. (смотреть историю редактирования)
Ссылка на комментарий
Поделиться на другие сайты
  • 4 месяца спустя...
  • 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; /* Здесь выбирается необходимый цвет. */
}
/**Конец полосатого форума**/

Снимок экрана 2021-01-15 010326.png

Ссылка на комментарий
Поделиться на другие сайты
  • 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; /* Здесь выбирается необходимый цвет. */
}
/**Конец полосатого форума**/

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

Ссылка на комментарий
Поделиться на другие сайты
  • 2 недели спустя...
  • Администратор
В 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 форума.

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

151243124.png

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

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

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

image.png

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

Создать учетную запись

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

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

Войти

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

Войти
×
×
  • Создать...