xF2 Template Modification User Message Background

[ENXF NET]

ENXF NET submitted a new resource:

User Message Background - Set the message background for a specific user

Add to extra.less

.message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) {
 
  .message[data-author="@{mbUserName}"] .message-inner {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), @mbBackgroundUrl;
  background-position: @mbBackground-position;
  background-size: @mbBackground-size;
}
.message[data-author="@{mbUserName}"] .message-cell.message-cell--user {
   background: transparent;
}
}
//...

Read more about this resource...

 

[Pr0fesseur]

how would i make this a dragonbyte shop/unlockable item?

 

[bb17indo]

Not work sir version 2.2

 

[DaRKeN]

What would be the variable to call the user's banner and be able to use it as a background?

Thank you.

 

[lazarote]

What would be the variable to call the user's banner and be able to use it as a background?

Thank you.

DaRKeNthere is certain way : https://enxf.net/threads/make-cover-banner-as-postbit-custom-background.5592/#post-35313

 

[DaRKeN]

there is certain way : https://enxf.net/threads/make-cover-banner-as-postbit-custom-background.5592/#post-35313

lazaroteThank you! ^_^

 

[lazarote]

Thank you! ^_^

DaRKeNif you find a way to call default profile banner tell me pls

 

[DaRKeN]

if you find a way to call default profile banner tell me pls

lazaroteOk!

 

[lazarote]

Ok!

DaRKeNI made it

https://enxf.net/threads/make-cover-banner-as-postbit-custom-background.5592/post-35346

 

[DaRKeN]

I made it

https://enxf.net/threads/make-cover-banner-as-postbit-custom-background.5592/post-35346

lazaroteThank you

 

[one_finger_man]

it this the only code it not working there should be a post_macros section or im not seeing it

 

[one_finger_man]

i am posting an update to for this that you need to make this work!!!!

.msgBgById (@msgBgAuthorId; @msgBgUrl; @msgBgSize; @msgBgPosition: false) {
 
  .message[data-author-id="@{msgBgAuthorId}"] .message-inner {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), url(@msgBgUrl);
  background-position: @msgBgPosition;
  background-size: @msgBgSize;
}
.message[data-author-id="@{msgBgAuthorId}"] .message-cell.message-cell--user {
   background: transparent;
}
}
// Example
.msgBgById (1; 'https://i.imgur.com/W1yqxKS.jpg'; cover; left);

change image to what you like!

First, create a template modification

Template: post_macros
Modification key: messageAuthorId

Find:

data-author="{{ $post.User.username ?: $post.username }}"

replace with:

$0
data-author-id="{{ $post.User.user_id ?: 0}}"

i add the image so you know that it works

 

[Karat-7]

i am posting an update to for this that you need to make this work!!!!

.msgBgById (@msgBgAuthorId; @msgBgUrl; @msgBgSize; @msgBgPosition: false) {
 
  .message[data-author-id="@{msgBgAuthorId}"] .message-inner {
    background-image: linear-gradient(to top, @xf-contentBg, fade(@xf-contentBg, 60%)), url(@msgBgUrl);
  background-position: @msgBgPosition;
  background-size: @msgBgSize;
}
.message[data-author-id="@{msgBgAuthorId}"] .message-cell.message-cell--user {
   background: transparent;
}
}
// Example
.msgBgById (1; 'https://i.imgur.com/W1yqxKS.jpg'; cover; left);

change image to what you like!

First, create a template modification

Template: post_macros
Modification key: messageAuthorId

Find:

data-author="{{ $post.User.username ?: $post.username }}"

replace with:

$0
data-author-id="{{ $post.User.user_id ?: 0}}"

i add the image so you know that it works

View attachment 30672

one_finger_manCan add blur behind text

.message[data-author-id="1"] .bbWrapper {
    font-weight: 500;
    backdrop-filter: blur(2px);
    padding: 3px;
}

Here is the user id

.message[data-author-id="1"]