Класс определенному пользователю

siprise

siprise

Местный
Сообщения
276
Реакции
175
Баллы
183
Здравствуйте, хочу сделать так чтобы код css который будет показан ниже работал только в профиле определенного пользователя. Я вроде как сварганил такой код но вот только реакции 0, может я что делаю не так..
CSS: 
.p-body [data-user-id="2"] {
    background: url('https://i.ibb.co/V2bZLMv/playnow-bg.png');
    background-size: cover; 
}
 
Решение
baltun
Тогда тот код, что я писал не подойдет он только для обложки профиля, тогда делаем так модификацию к шаблону PAGE_CONTAINER.
Найти:
Код: 
<div class="p-body" >
Заменить:
Код: 
<xf:if is="$template == 'member_view' ">
    <div class="p-body" data-user-id="{$xf.visitor.user_id}">
        <xf:else />
    <div class="p-body" >
</xf:if>
Получаем в шаблоне пользователя код такого вида:
Код: 
<div class="p-body" data-user-id="1">
Соответственно код работает только в шаблоне member_view и мы при этом можем уже делать уникальные фоны для любого пользователя. Этот код должен работать тогда у тебя.
CSS: 
.p-body[data-user-id="2"] {
    background: url('https://i.ibb.co/V2bZLMv/playnow-bg.png');
    background-size: cover;
}
Сортировать по дате Сортировать по голосам
Я пока не много не пойму это по тут https://web-zones.ru/members/siprise.7889/ или когда по ссылки на пользователя нажимаешь в карточке должно отображаться, если можно скриншотом показать где хотите фон сделать.
 
За 0 Против
baltun сказал(а):
Я пока не много не пойму это по тут https://web-zones.ru/members/siprise.7889/ или когда по ссылки на пользователя нажимаешь в карточке должно отображаться, если можно скриншотом показать где хотите фон сделать.
Нажмите, чтобы раскрыть...
Существует такой плагин, фон для профилей форума, так вот, я не особо хочу ставить плагин.. Хочется просто кодом в профиле определенного пользователя заменить фон и все
 
За 0 Против
Если я угадал с ссылкой выше можно попробовать сделать так:
CSS: 
.p-body .p-body-pageContent .memberProfileBanner-u7889-l {
    background: url('https://i.ibb.co/V2bZLMv/playnow-bg.png');
    background-size: cover;
}
Если требуется сделать фон для всего блока .memberHeader тогда нужно делать модификацию выводить в классе .memberHeader id пользователя и потом к э тому классу писать css, ну по крайне мере я бы так сделал.
 
За 0 Против
baltun сказал(а):
Если я угадал с ссылкой выше можно попробовать сделать так:
CSS: 
.p-body .p-body-pageContent .memberProfileBanner-u7889-l {
    background: url('https://i.ibb.co/V2bZLMv/playnow-bg.png');
    background-size: cover;
}
Если требуется сделать фон для всего блока .memberHeader тогда нужно делать модификацию выводить в классе .memberHeader id пользователя и потом к э тому классу писать css, ну по крайне мере я бы так сделал.
Нажмите, чтобы раскрыть...
Чет не получается, ну смотри вот мой профиль
У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация
и там есть фон всей страницы класс который .p-pageWrapper и вот мне надо как то сделать так чтобы только в моем профиле отображался background: url('
У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация
этот фон. Аккаунт для тестов логин: test пароль: test123
 
За 0 Против
А так если попробовать:
CSS: 
.p-body .p-body-main .memberHeader .memberProfileBanner-u2-l .memberHeader-mainContent {
    /*background: url(https://i.ibb.co/V2bZLMv/playnow-bg.png);*/
    background-size: cover;
    background: #fff; /*убрать если сработает*/
}
Так должно сработать.
 
За 0 Против
baltun сказал(а):
А так если попробовать:
CSS: 
.p-body .p-body-main .memberHeader .memberProfileBanner-u2-l .memberHeader-mainContent {
    /*background: url(https://i.ibb.co/V2bZLMv/playnow-bg.png);*/
    background-size: cover;
    background: #fff; /*убрать если сработает*/
}
Так должно сработать.
Нажмите, чтобы раскрыть...
Неа
 
За 0 Против
Убери из кода html это:
HTML: 
style="background-image: url(/data/profile_banners/l/0/2.jpg?1719257877);background-position-y: 50%;"
и эта часть кода должна работать:
CSS: 
.p-body .p-body-main .memberHeader .memberProfileBanner-u2-l {
    background: url(https://i.ibb.co/V2bZLMv/playnow-bg.png);
    background-size: cover;
}
Полный фрагмент так у тебя сейчас:
HTML: 
<div class="memberProfileBanner memberHeader-main memberProfileBanner-u2-l" data-toggle-class="memberHeader--withBanner" style="background-image: url(/data/profile_banners/l/0/2.jpg?1719257877); background-position-y: 50%;">
Лучший вариант все через css делать все таки.
 
За 0 Против
Вопрос не совсем коректен. Нужен банер профиля или всё-таки фон профиля?
 
За 0 Против
Topik сказал(а):
Думаю, имеют в виду, как плагин [MDV] Profile Background
Нажмите, чтобы раскрыть...
да

hacker сказал(а):
Вопрос не совсем коректен. Нужен банер профиля или всё-таки фон профиля?
Нажмите, чтобы раскрыть...
Да зачем мне баннер если его и так можно спокойно установить, мне нужно сделать так чтобы фон ВСЕЙ страницы был индивидуальный в отдельном профиле
 
За 0 Против
hacker сказал(а):
Вашим ответом вы вводите в заблуждение пользователей. Вы обложку профиля имеете ввиду?
Или всё-таки фон профиля?
Нажмите, чтобы раскрыть...
Да господи что ж не понятного. Фон страницы, СТРАНИЦЫ НЕ ОБЛОЖКА.

Фон страницы выделен белым Снимок.PNG
 
За 0 Против
Тогда тот код, что я писал не подойдет он только для обложки профиля, тогда делаем так модификацию к шаблону PAGE_CONTAINER.
Найти:
Код: 
<div class="p-body" >
Заменить:
Код: 
<xf:if is="$template == 'member_view' ">
    <div class="p-body" data-user-id="{$xf.visitor.user_id}">
        <xf:else />
    <div class="p-body" >
</xf:if>
Получаем в шаблоне пользователя код такого вида:
Код: 
<div class="p-body" data-user-id="1">
Соответственно код работает только в шаблоне member_view и мы при этом можем уже делать уникальные фоны для любого пользователя. Этот код должен работать тогда у тебя.
CSS: 
.p-body[data-user-id="2"] {
    background: url('https://i.ibb.co/V2bZLMv/playnow-bg.png');
    background-size: cover;
}
 
За 1 Против
Решение
baltun сказал(а):
Тогда тот код, что я писал не подойдет он только для обложки профиля, тогда делаем так модификацию к шаблону PAGE_CONTAINER.
Найти:
Код: 
<div class="p-body" >
Заменить:
Код: 
<xf:if is="$template == 'member_view' ">
    <div class="p-body" data-user-id="{$xf.visitor.user_id}">
        <xf:else />
    <div class="p-body" >
</xf:if>
Получаем в шаблоне пользователя код такого вида:
Код: 
<div class="p-body" data-user-id="1">
Соответственно код работает только в шаблоне member_view и мы при этом можем уже делать уникальные фоны для любого пользователя. Этот код должен работать тогда у тебя.
CSS: 
.p-body[data-user-id="2"] {
    background: url('https://i.ibb.co/V2bZLMv/playnow-bg.png');
    background-size: cover;
}
Нажмите, чтобы раскрыть...
Вооо, работает, благодарствую
 
За 0 Против
Для ответа нужно войти/зарегистрироваться
Назад
Верх Низ