New Postbit Design

dark_night

Well-known member
Registered
Joined
Jul 28, 2020
Messages
149
Points
53

Reputation:

do u know the addon he’s using icon next to username? thanks bro
 

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
361
Points
103

Reputation:

Actually i have some of this ;;


CSS:
<div class="message-userExtras" style="position: relative;">
                                <xf:contentcheck>
<div class="author_statistics mobile-hide" style="margin-left: -16px;margin-right: -16px;margin-top: 9px;padding-top: 9px;">
            <ul class="postbit-stats">
            <li class="postbit-bar"><i class="far fa-clone" data-xf-init="tooltip" data-original-title="Messages" id="js-XFUniqueId5" style="font-size: 12px;"></i><br>{$user.message_count|number}</li>
            <li class="postbit-bar"><i class="far fa-heart" data-xf-init="tooltip" data-original-title="Likes" style="font-size: 12px;"></i><br>{$user.reaction_score|number}</li>
            <li class="postbit-bar"><i class="fas fa-plus-circle" data-xf-init="tooltip" data-original-title="Reputation" style="font-size: 12px;"></i><br>{$user.sugar_feedback_positive}</li>
            <li class="postbit-bar"><i class="fas fa-coins" data-xf-init="tooltip" data-original-title="Mochi" style="font-size: 12px;"></i><br><xf:set var="$viewableCurrencies" value="{{ $xf.app.em.getRepository('DBTech\Credits:Currency').getCurrencies(true) }}" />
<xf:if is="$viewableCurrencies">
    <xf:foreach loop="$viewableCurrencies" value="$currency" if="$currency.postbit">   
            <a href="{{ link('dbtech-credits/currency', $currency, {'user_id': $user.user_id}) }}" data-xf-click="overlay" class="fauxBlockLink-blockLink u-concealed" style="justify-content: center;">
                {$currency.prefix}{{ $currency.getValueFromUser($user) }}{$currency.suffix}
            </a>
    </xf:foreach>
</xf:if></li>
            </ul>
            
            ----------------------
            CSS
            
            .postbit-stats {
    list-style-type: none;
    width: 85%;
    margin: 0 auto;
    padding: 5px !important;
}

.postbit-bar {
    float: left;
    margin-right: 5px;
    font-size: 12px;
    max-width: 35px;
    text-align: center;
    min-width: 36px;
}
 
Last edited:

Pr0fesseur

Moderator
Staff member
Moderator
+Lifetime VIP+
V.I.P Member
Collaborate
Registered
Joined
Nov 20, 2019
Messages
361
Points
103

Reputation:

its not complete code... just a piece of it...
 

IamSorry

root@Azerbaijan:~$
Registered
Joined
Aug 18, 2020
Messages
10
Points
13

Reputation:

Top