Обложка постбита

[Red_Normov]

Red_Normov добавил(а) новый ресурс:

Обложка постбита - Позвольте своим подписчикам установить фотографию обложки postbit

Описание
Это руководство расскажет вам о том, как позволить вашим пользователям установить фотографию обложки postbit, которая будет отображаться в их сообщениях/сообщениях.

Руководство
Создайте пользовательское поле. Перейдите в Admin CP > Пользователи > Пользовательские поля пользователя.
Идентификатор поля: Это может быть что угодно, например postbit_cover.
Название: Это может быть все, что угодно, например Postbit Cover
Описание: URL-адрес изображения. Поддерживаемые типы: PNG, JPG...

Узнать больше об этом ресурсе...

 

[Len]

Ну и гавнецо же, почему бы не использовать обложки из профиля вместо каких-то сомнительных доп полей? И вообще такую хуету можно сделать через item в dbtech shop, там все готовое

 

[DANILKA]

OFFTOP

дай ссылку на стиль, если он не платный

 

[Экстрим]

OFFTOP

дай ссылку на стиль, если он не платный

на какой стиль? Если вы имеете в виду обложки постбита, то в Обзоре ресурса:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[DANILKA]

на какой стиль? Если вы имеете в виду обложки постбита, то в Обзоре ресурса:
Посмотреть вложение 135167

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

OFFTOP

нет, на тот стиль (форумный), где он показал пример постбита

 

[Bernardo_Fierro]

не работает, всё делал по инструкции, хотя инструкция написана неправильно.

 

[Deku]

не работает, всё делал по инструкции, хотя инструкция написана неправильно.

мануал не полный, ТС его брал с официального форума, но видимо лицензии нет и скопировать смог не всё =)

 

[Smalesh]

но видимо лицензии нет и скопировать смог не всё =)

Значит ресурс в баню, ТС в корзину. И предупреждение для ТС - за такие шалости будут последствия.

 

[Bernardo_Fierro]

на оф. форуме есть фикс этого:

This fix will:
1. Remove the postbit cover from mobile devices.
2. Allow username to be clickable for those with a postbit cover.

Add to extra.less:

.message-name {
    position: relative;
}

@media (max-width: 650px) {
.postbit_background {
    display: none;
}
}

 

[artscripts]

Оригинал Last updateDec 1, 2020

Live example:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Description
This guide will run you through on how to allow your members to set a postbit cover photo that will display within their posts/messages.

Guide

1. Create a custom user field. Go to Admin CP > Users > Custom user fields
2. Field ID: This can be anything you want i.e. postbit_cover
3. Title: This can be anything you want i.e Postbit Cover
4. Description: URL of the image. Support types: PNG, JPG, GIF.
5. Display location: Personal details
6. Field type: Single-line text Box
7. General option: User editable, Moderator editable
8. Go to Admin CP > Appearance > Templates > Search: message_macros
9. Go to Admin CP > Appearance > Templates > Search: extra.less

Step 8 details:

Find:
Code:

<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

Paste below:
Code:

<xf:if is="{$user.Profile.custom_fields.postbit_cover}">
<div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.FIELD_ID});"></div>
</xf:if>

Replace FIELD_ID with the Field ID you used in step 2 i.e. postbit_cover

Step 9 details:

Place at the top of extra.less:
Code:

.postbit_background {
position: absolute;
height: 120px;
width: 170px;
opacity: .40;
}
.message-name {
    position: relative;
}
@media (max-width: 650px) {
.postbit_background {
    display: none;
}
}

 

[Skaiman]

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

 

[Skaiman]

Делаем модификацию шаблона message_macros:
Найти:

<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

Заменить:

$0
    <xf:profilebanner user="$xf.visitor" size="l" data-xf-init="banner-positioner" class="js-banner postbit_background">
        <xf:hiddenval name="banner_position_y" class="js-bannerPosY">{$xf.visitor.Profile.banner_position_y}</xf:hiddenval>
    </xf:profilebanner>

Модификация шаблона extra.less, Регулярное выражение:
Найти:

#^.*$#su

Заменить:

$0
.message-cell.message-cell--user {
    .m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePaddingSmall) + 20);
    .memberProfileBanner {
        position: absolute;
        top: 0;
        left: 0;       
        height: 100%;
        width: 100%;
    }
    .message-user {
        position: relative;
        background: fade(@xf-messageUserBlock--background-color, 70%);
        padding: 10px;
    }
    .message-userArrow {
        right: -11px;
    }
}

 

[Bernardo_Fierro]

на оф. форуме есть фикс этого:

This fix will:
1. Remove the postbit cover from mobile devices.
2. Allow username to be clickable for those with a postbit cover.

Add to extra.less:

.message-name {
    position: relative;
}

@media (max-width: 650px) {
.postbit_background {
    display: none;
}
}

1. Remove the postbit cover from mobile devices. - С мобильных устройств удалите обложку постбита.
2. Allow username to be clickable for those with a postbit cover. - Разрешить имя пользователя быть кликабельным для тех, у кого есть обложка постбита.

где эти настрйоки?

 

[Froala]

Bernardo_Fierro, это не настройки, нужно добавить этот код в extra для скрытия указанного

 

[Skaiman]

Люди, что вы здесь делаете? Идите в сад.

 

[LazyMazur]

Делаем модификацию шаблона message_macros:
Найти:

<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">

Заменить:

$0
    <xf:profilebanner user="$xf.visitor" size="l" data-xf-init="banner-positioner" class="js-banner postbit_background">
        <xf:hiddenval name="banner_position_y" class="js-bannerPosY">{$xf.visitor.Profile.banner_position_y}</xf:hiddenval>
    </xf:profilebanner>

Модификация шаблона extra.less, Регулярное выражение:
Найти:

#^.*$#su

Заменить:

$0
.message-cell.message-cell--user {
    .m-fixedWidthFlex((@xf-messageUserBlockWidth) + 2 * (@xf-messagePaddingSmall) + 20);
    .memberProfileBanner {
        position: absolute;
        top: 0;
        left: 0;      
        height: 100%;
        width: 100%;
    }
    .message-user {
        position: relative;
        background: fade(@xf-messageUserBlock--background-color, 70%);
        padding: 10px;
    }
    .message-userArrow {
        right: -11px;
    }
}

Сделал по инструкции, но визуальных изменений нет. 2.2.16
Что я делаю не так?

 

[Skaiman]

Сделал по инструкции, но визуальных изменений нет. 2.2.16
Что я делаю не так?

Не применилась модификация в шаблоне message_macros, при простой замене код лучше копировать непосредственно из шаблона, со всеми отступами

 

[Skaiman]

да и сам код изменился со времени моего поста:

<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName=""
    arg-includeMicrodata="{{ true }}"
    arg-itemProp="">

 

[LazyMazur]

$0 <xf:profilebanner user="$xf.visitor" size="l" data-xf-init="banner-positioner" class="js-banner postbit_background"> <xf:hiddenval name="banner_position_y" class="js-bannerPosY">{$xf.visitor.Profile.banner_position_y}</xf:hiddenval> </xf:profilebanner>

Спасибо, разобрался теперь. Только отображается баннер просматривающего, а не автора сообщения.

 

[Skaiman]

Спасибо, разобрался теперь. Только отображается баннер просматривающего, а не автора сообщения.

посмотрю позже