how to add likes and reputation in PostContainer and give grid style Any Guide ?

ShieldX

Well-known member
Registered
Joined
Mar 27, 2022
Messages
481
Points
53

Reputation:

1661845014454.jpg


This is my postbit style , i want add like and reputation. how to do it , as well need some grid type info style.

Grid Style like this : want how to do it?

1661845208425.png
 

BattleKing

Spirit of darkness
Staff member
Administrator
Moderator
+Lifetime VIP+
S.V.I.P Member
Collaborate
Registered
Joined
May 24, 2020
Messages
3,520
Points
523

Reputation:

Should be under Style properties
 

one_finger_man

Well-known member
Registered
Joined
Jan 20, 2022
Messages
392
Points
53

Reputation:

here is the codes for that to work you will need to redo it all! in your postcontainer
add this
replace this
HTML:
{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
            {{endif}}
         <div class="placeFields">
<div class="placeData">
<div class="placeIcon"><i class="fa fa-comments"></i></div>
<div class="placeContent">Posts: <span class="ml-auto">{$comment->author()->member_posts}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-heart"></i></div>
<div class="placeContent">Likes: <span class="ml-auto">{$comment->author()->pp_reputation_points}</span></div>
</div>
<div class="placeData">
<div class="placeIcon"><i class="fa fa-exclamation-triangle"></i></div>
<div class="placeContent">Warns: <span class="ml-auto">{$comment->author()->warn_level}</span></div>

</div>
</div>
    </aside>
    <div class='ipsColumn ipsColumn_fluid'>
        {template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"}
    </div>
</article>

add to extra.less

HTML:
/* mail container */
.cAuthorPane {
    width: 210px;
    font-size: 12px;
    text-align: center;
    padding: 10px 4px;
    margin-left: 2px;
    background: #222;
    padding-bottom: 20px;
}
html [dir] .cPost .ipsComment_content {
    padding-right: 20px;
    padding-left: 20px;
}
.placeFields {
    width: 175px;
    text-align: left;
    font-size: 12px;
    margin: 0 auto;
    padding-top: 15px;
}
.placeData {
    display: flex;
    background: #1b1b1b;
    align-items: center;
    margin: 5px 0;
    border-radius: 2px;
}
.placeData .placeIcon {
    padding: 9px;
    background: #131313;
    margin-right: .1rem;
    border-radius: 2px 0 0 2px;
}
.placeData .placeContent {
    padding: 5px;
    display: flex;
    width: 100%;
}
.placememberTitle {
    font-size: 13px;
    word-wrap: break-word;
    line-height: 1.5;
    background: #1b1b1b;
    padding: 6px 10px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #666;
    border-bottom: 1px solid #212121;
    margin-left: -6px;
    margin-right: -4px;
}
.ml-auto {
    margin-left: auto;
}

should look like this
-Offline-Welcome-Announcements-Nulled.jpg
 

one_finger_man

Well-known member
Registered
Joined
Jan 20, 2022
Messages
392
Points
53

Reputation:

dis regard gave the wrong codes thats for ips my bad ill get it for you
 

ShieldX

Well-known member
Registered
Joined
Mar 27, 2022
Messages
481
Points
53

Reputation:

Top