XF 2 Tip Postbit Background Custom Fields

[Sphere]

@Verss how can I do so that I don't have that cut the cover where the extra info is?

 

[Verss]

Use css backgrounf linear transparent

 

[moohook]

I have tried and tried, this just isn't working for me. Please someone help

 

[Verss]

How can i help u

 

[moohook]

Have I done something wrong in the process as nothing is showing at all

 

[Verss]

Why you put link of the image for the description

 

[moohook]

4. Description : JPG, PNG, GIF (Link of the Image)

 

[Verss]

God thats not wgat i mean... thats custom field description

 

[moohook]

Would you care to explain where I put the image?

include in css or?

 

[Sphere]

You need put this too bro:

Go message_macros, paste the code,

HTML:
    <xf:if is="$user.Profile.custom_fields.profilebackground">
        <div class="profilebackground" style="background-image: linear-gradient(180deg, #fff0, #141414), url({$user.Profile.custom_fields.profilebackground});"></div>
    </xf:if>
after this.

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

Final Code View:
<xf:macro name="user_info"
    arg-user="!"
    arg-threadUserId=""
    arg-fallbackName="">
    <xf:if is="$user.Profile.custom_fields.profilebackground">
        <div class="profilebackground" style="background-image: linear-gradient(180deg, #fff0, #141414), url({$user.Profile.custom_fields.profilebackground});"></div>
    </xf:if>

HTML:
    <section itemscope itemtype="https://schema.org/Person" class="message-user">
and add this as inline.

CSS:
style="position: relative;"

Final Code view:
    <section itemscope itemtype="https://schema.org/Person" class="message-user" 
             style="position: relative;">

 

[nelson ortiz]

Is there a way to make it only for a specific group, for example: moderators or administrators?

 

[DareSec]

yes by conditional-statements

https://enxf.net/resources/conditional-statements-for-xenforo-2.111/

 

[ForumFlake]

yes by conditional-statements

https://enxf.net/resources/conditional-statements-for-xenforo-2.111/

DareSecHow can I go about adding this to the postbit cover coding? I want administrators and moderators only to have this.

 

[nelson ortiz]

I already achieved it, some idea on how to modify the size of the block or how I should look to change the size as in this image.

 

[valid]

@Verss there's no arg-threadUserID=""

 

[valid]

message_macros

There's no
arg-threadUserId=""

Anyway I added the code.

<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">
    <div class="postbit_background" style="background-image: url({$user.Profile.custom_fields.profilebackground});"></div>

extra.less

.postbit_background {
position:absolute;
height:120px;
width:170px;
opacity:.40;
}

doesn't work.

then I also added the following:

<xf:macro name="user_info"
    arg-user="!"
    arg-fallbackName="">
    <xf:if is="$user.Profile.custom_fields.profilebackground">
        <div class="profilebackground" style="background-image: linear-gradient(180deg, #fff0, #141414), url({$user.Profile.custom_fields.profilebackground});"></div>
    </xf:if>
    <section itemscope itemtype="https://schema.org/Person" class="message-user" style="position: relative;">

still not working.

 

[DareSec]

WORK FINE IN EVERY THEME

 

[valid]

Any idea what I did wrong?

 

[swug]

@verrs what theme is that

 

[nelson ortiz]

@Verss After reviewing some css and html videos I was able to achieve my goal, but I have a question about how to delete the counters of each box, could you give me some idea of what topic I should read about css.

 

[Verss]

Try float: left;