Resource icon

XF 2 Tip Postbit Background Custom Fields

Sphere

Member
Registered
Joined
Nov 25, 2019
Messages
5
Points
13

Reputation:

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

Captura.JPG
 

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

Use css backgrounf linear transparent
 

moohook

Well-known member
Registered
Joined
Feb 8, 2019
Messages
108
Points
38

Reputation:

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

moohook

Well-known member
Registered
Joined
Feb 8, 2019
Messages
108
Points
38

Reputation:

840765fb8586642b3bd0b21928760803.png


1639600dcaf5bac6aae8f4bf17293016.png

4f270a03ab7d63e8a79a2a958481e429.png


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

Verss

Custom Developer
Collaborate
Registered
Joined
Apr 21, 2019
Messages
133
Points
53

Reputation:

Why you put link of the image for the description
 

moohook

Well-known member
Registered
Joined
Feb 8, 2019
Messages
108
Points
38

Reputation:

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

moohook

Well-known member
Registered
Joined
Feb 8, 2019
Messages
108
Points
38

Reputation:

Would you care to explain where I put the image?

include in css or?
 

Sphere

Member
Registered
Joined
Nov 25, 2019
Messages
5
Points
13

Reputation:

You need put this too bro:

HTML:
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;">
 
Last edited:

nelson ortiz

GamerzHacking
Registered
Joined
Feb 3, 2019
Messages
28
Points
23

Reputation:

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

DareSec

Inforc3r
Staff member
Administrator
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
May 25, 2019
Messages
1,372
Points
523

Reputation:

nelson ortiz

GamerzHacking
Registered
Joined
Feb 3, 2019
Messages
28
Points
23

Reputation:

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.

1585601033703.png
 

valid

+Lifetime VIP+
+Lifetime VIP+
V.I.P Member
Registered
Joined
Apr 3, 2020
Messages
188
Points
53

Reputation:

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

1586161121293.png
 

valid

+Lifetime VIP+
+Lifetime VIP+
V.I.P Member
Registered
Joined
Apr 3, 2020
Messages
188
Points
53

Reputation:

message_macros

There's no
arg-threadUserId=""

Anyway I added the code.

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

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

1586162193172.png


doesn't work.

then I also added the following:

Code:
<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

Inforc3r
Staff member
Administrator
Moderator
S.V.I.P Member
Collaborate
Registered
Joined
May 25, 2019
Messages
1,372
Points
523

Reputation:

Screenshot_1.png


WORK FINE IN EVERY THEME
 

valid

+Lifetime VIP+
+Lifetime VIP+
V.I.P Member
Registered
Joined
Apr 3, 2020
Messages
188
Points
53

Reputation:

Any idea what I did wrong?
 

nelson ortiz

GamerzHacking
Registered
Joined
Feb 3, 2019
Messages
28
Points
23

Reputation:

@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.

1586819073878.png
 
Top