Здравствуйте. Встретил на одном из форумов необычное решение. На всем поле форуму стоит картинка (с прозрачностью примерно 30%, но не это важно). И так на каждом своя картинка. Может кто-то знает как воплотить это решение в жизнь. Пример на скрине.

 

9 минут назад, DasIst0 сказал:

Здравствуйте. Встретил на одном из форумов необычное решение. На всем поле форуму стоит картинка (с прозрачностью примерно 30%, но не это важно). И так на каждом своя картинка. Может кто-то знает как воплотить это решение в жизнь. Пример на скрине.

 

В custom.css

.cForumList li.ipsDataItem[data-forumid='13'] {
    background-image: url(https://zone-cs.ru/banners/vaka.png) !important;
    background-position: left top !important;
    background-repeat: repeat !important;
    text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px !important;
}

Где 13 это ID нужного раздела

Живой образец на нашем форуме.

Спасибо

Проблема в названии темы. Если название длинное,  более 23 символов, то перескакивает на новую строку и при этом получается накладка изображения. Подскажите пожалуйста как укоротить до 20 символов.

45 минут назад, DasIst0 сказал:

Подскажите пожалуйста как укоротить до 20 символов.

Настройки публикации --> Общие --> Максимальная длина заголовка

Это общие настройки, а я про то как на скрине

 

Только что, DasIst0 сказал:

Это общие настройки, а я про то как на скрине

 

ссылку на форум в профиле верную укажите 

1 минуту назад, DasIst0 сказал:

Это общие настройки, а я про то как на скрине

Возможно этот вариант поможет. 

 

Спсибо, но это не работает там где надо

8 минут назад, DasIst0 сказал:

Спсибо, но это не работает там где надо

Дайте ссилку ваш форум

поставил в профиле

1 минуту назад, DasIst0 сказал:

поставил в профиле

Поставит ето код в custom.css и попробуйте:

.ipsDataItem_lastPoster {
    width: 20%;
    max-width: 20%;
    min-width: 230px;
}

 

вообще все раздвоилось)

7 минут назад, DasIst0 сказал:

вообще все раздвоилось)

.ipsDataItem_lastPoster li a {
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

 

Спасибо вам большое!