Tutorials Custom Postbit in Thread view !!

Marks-Man

Administrator
Template:
message_macros
Click to expand...
Search for:

HTML:

Code:
<div class="message-userDetails">
            <h4 class="message-name"><xf:username user="$user" rich="true" defaultname="{$fallbackName}" itemprop="name" /></h4>
            <xf:usertitle user="$user" tag="h5" class="message-userTitle" banner="true" itemprop="jobTitle" />
            <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" />


HTML:

Code:
<div class="message-tpostbito">{{ phrase('joined') }}: {{ date($user.register_date) }}</div>
    <div class="message-tpostbito">{{ phrase('messages') }}: {$user.message_count|number}</div>
    <xf:if is="$user.xfrm_resource_count > '0'"><div class="message-tpostbito">{{ phrase('xfrm_resources') }}: {$user.xfrm_resource_count|number}</div></xf:if>
    <xf:if is="$xf.options.enableTrophies > '0'"><div class="message-tpostbito">{{ phrase('points') }}: {$user.trophy_points|number}</div></xf:if>
    <div class="message-tpostbito">{{ phrase('reaction_score') }}: {$user.reaction_score|number}</div>
    <xf:if is="$user.Profile.age > '0'"><div class="message-tpostbito">{{ phrase('age') }}: {$user.Profile.age}</div></xf:if>


Extra.less

CSS:

Code:
.message-tpostbito {

    margin-top: 3px;
    font-size: 12px;
    color: #fff;
    padding: 1px 2px;
    background-color: #3e2f45;
    font-weight: bold;
    font-style: normal;
    border: .5px solid transparent;
    border-radius: 1px;
    display: flex;
    width: max-content;
    color: #fff;
     left: 0;
    border-bottom-right-radius: 10px;
    margin-left: -.615em;
    &:before {
font-family: "Font Awesome 5 Pro";
padding-right: 5px;
content: "\f138";
}
}

Continue reading...
 
Top