#1
I know you guys are very busy but if you can find some time and explain how you did the message user block on The Admin Zone it would really be appreciated. Your version looks a hundred times better than the default XF style messageUserBlock. I'm interested in the portion inside the red but the whole thing looks great and I would like something similar with the Zipped style if possible.

message_user_block.png
 

Russ

Pixel Exit Staff
#2
I know you guys are very busy but if you can find some time and explain how you did the message user block on The Admin Zone it would really be appreciated. Your version looks a hundred times better than the default XF style messageUserBlock. I'm interested in the portion inside the red but the whole thing looks great and I would like something similar with the Zipped style if possible.

View attachment 707

Its pretty easy I'll grab the code when I get home, little bit of CSS and a template edit.
 

Russ

Pixel Exit Staff
#4
Awesome! Waiting patiently :D
So open message_user_info, find this snippet:

Code:
        <xen:if is="@messageShowRegisterDate AND {$user.user_id}">
           <dl class="pairsJustified xbjoindate">
             <dt>{xen:phrase joined}:</dt>
             <dd>{xen:date $user.register_date}</dd>
           </dl>
         </xen:if>
        
         <xen:if is="@messageShowMessageCount AND {$user.user_id}">
           <dl class="pairsJustified xbmessages">
             <dt>{xen:phrase messages}:</dt>
             <dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
           </dl>
         </xen:if>
        
         <xen:if is="@messageShowTotalLikes AND {$user.user_id}">
           <dl class="pairsJustified xblikes">
             <dt>{xen:phrase likes_received}:</dt>
             <dd>{xen:number $user.like_count}</dd>
           </dl>
         </xen:if>
Replace with:

Code:
        <xen:if is="@messageShowRegisterDate AND {$user.user_id}">
           <dl class="pairsJustified xbjoindate">
             <dt>{xen:phrase joined}:</dt>
             <dd>{xen:date $user.register_date}</dd>
           </dl>
         </xen:if>
        
         <xen:if is="@messageShowMessageCount AND {$user.user_id}">
           <dl class="pairsJustified xbmessages">
             <dt><i class="fa fa-comments Tooltip" title="Messages"></i></dt>
             <dd><a href="{xen:link search/member, '', 'user_id={$user.user_id}'}" class="concealed" rel="nofollow">{xen:number $user.message_count}</a></dd>
           </dl>
         </xen:if>
        
         <xen:if is="@messageShowTotalLikes AND {$user.user_id}">
           <dl class="pairsJustified xblikes">
             <dt><i class="fa fa-thumbs-up Tooltip" title="Likes"></i></dt>
             <dd>{xen:number $user.like_count}</dd>
           </dl>
         </xen:if>
And then add this to your extra.css:

Code:
.extraUserInfo .pairsJustified dt, .extraUserInfo .pairsJustified dd
{
   float: none;
   width: auto;
   text-align: center;
   margin-right: 0px;
}
html .messageUserBlock .extraUserInfo dl {
float: left;
overflow: hidden;
width: 33%;
}
Pretty simple :)
 
Last edited:
#5
Thank you Russ! You seem to have grabbed the code for the loin date and left out the trophies. This is what I used:

Code:
<xen:if is="@messageShowTrophyPoints AND {$user.user_id}">
     <dl class="pairsJustified xbtropypoints">
      <dt><i class="fa fa-trophy Tooltip" title="Trophies"></i></dt>
      <dd>{xen:number $user.trophy_points}</dd>
    </dl>
       </xen:if>
How can I get the font awesome icons and numbers within the messageUserBlock? They are just under it in the image below.

message_user_icons.png
 

Russ

Pixel Exit Staff
#6
Posting from my phone out on a run but try style properties -> message layout -> user info container I think it is starts with user info put in the most box : overflow: hidden; try that out if not I'll debug when I get home
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.