• Girl in a jacket
    Use the buttons to help the community. Admins and Moderators will delete not working content!
  • Note that we do not host any files on our servers; users just link to it. If you wish to have content removed, please contact the host of the file.
Thot,su

Sinfulsite.com Postbit Background Custom Fields Tutorial

Content from Sinfulsite.com

Jitter


Heaven
Joined
Dec 5, 2020
Messages
110,684
Likes
43,561
Awards
8
Etercoin
0
LV
25
 
This Thread had not been rated yet
Good afternoon people, here I leave you a tutorial that will surely interest you for users of XF2.

  • Make a custom user field
  • Title Postbit Cover or Anything you want
  • Field ID can be anything i suggest no space on it (I use same CSS Class name [
    .profilebackground])
  • Description : JPG, PNG, GIF (Link of the Image)
  • Display Location : Personal Details
  • Field Type: Single Line text Box
  • General Option: User editable, Moderator Editable
  • Go to Admin Panel > Appearance > Templates > Search messages_macros and paste the code,

Code:
<xf:if is="$user.Profile.custom_fields.profilebackground">

</xf:if>

after this,

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

Final result:

Code:
<xf:macro name="user_info"
arg-user="!"
arg-threadUserId=""
arg-fallbackName="">
<xf:if is="$user.Profile.custom_fields.profilebackground">

</xf:if>

Find this,

Code:
<section itemscope itemtype="https://schema.org/Person" class="message-user">

and add this as inline,

Code:
style="position: relative;"

Final result:

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

Open a new class with named
profilebackground in extra.less. Paste this.

Code:
.profilebackground {
opacity: .50;
position: absolute;
border-radius: 4px 0px 0px 0px;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
background-position: center;
background-size: cover !important;
}
@media (max-width: 650px) {
.profilebackground {
height: 60px !important;
}

Rename your custom user field. It should be
profilebackground.
Disable your collapsible postbit.
And that's it, it should look like this.

Thanks you for view this tutorial
!
Supporting problems here in this topic!, Not PM Please
 
This Thread had not been rated yet
Debrid Link

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.



User Menu