Card View staff page with avatars and usergroup title.
What you will end up with.
![[Image: iandrew.org-i_Andrew.org-_Forum_Team.png]]()
Open Templates > Your theme > Show Forum Team Templates > showteam_moderators
Open Templates > Your theme > Show Forum Team Templates > showteam_moderators_mod
Open Templates > Your theme > Show Forum Team Templates > showteam_usergroup
Open Templates > Your theme > Show Forum Team Templates > showteam_usergroup_user
Add this in Themes > Your theme > Global.css
I have used some code from this thread so it adds the users avatar and usergroup on the staff page.
https://community.mybb.com/thread-171941...pid1164321
Upload this showteam.php in your MyBB root folder.
![.php]( "PHP File")
showteam.php (Size: 8.1 KB / Downloads: 1)
What you will end up with.
Open Templates > Your theme > Show Forum Team Templates > showteam_moderators
Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="5"><strong>{$usergroup['title']}</strong></td>
</tr>
<tr>
<td class="trow1">
{$modrows}
</td>
</tr>
</table>
<br />Open Templates > Your theme > Show Forum Team Templates > showteam_moderators_mod
Code:
<div align="center" class="repcard">
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="center">
<tr>
<td valign="middle" width="1">
<img src="{$user['avatar']}">
</td>
<td valign="middle" style="text-align: left;">
<img src="{$theme['imgdir']}/buddy_{$status}.png" title="{$lang->$status}" alt="{$lang->$status}" style="vertical-align: middle;" /><a href="{$user['profilelink']}"><strong>{$user['username']}</strong></a>
<div> {$usergroup['usertitle']} </div>
<div>{$user['lastvisit']} </div>
<div class="float_left postbit_buttons"> {$emailcode}{$pmcode} </div>
</td>
</tr>
</table>
</div>Open Templates > Your theme > Show Forum Team Templates > showteam_usergroup
Code:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" colspan="4"><strong>{$usergroup['title']}</strong></td>
</tr>
<tr>
<td class="trow1">
{$usergrouprows}
</td>
</tr>
</table>
<br />Open Templates > Your theme > Show Forum Team Templates > showteam_usergroup_user
Code:
<div align="center" class="repcard">
<table width="100%" cellspacing="0" cellpadding="{$theme['tablespace']}" border="0" align="center">
<tr>
<td valign="middle" width="1">
<img src="{$user['avatar']}">
</td>
<td valign="middle" style="text-align: left;">
<img src="{$theme['imgdir']}/buddy_{$status}.png" title="{$lang->$status}" alt="{$lang->$status}" style="vertical-align: middle;" /><a href="{$user['profilelink']}"><strong>{$user['username']}</strong></a>
<div> {$usergroup['usertitle']} </div>
<div> {$user['lastvisit']} </div>
<div class="float_left postbit_buttons"> {$emailcode}{$pmcode} </div>
</td>
</tr>
</table>
</div>Add this in Themes > Your theme > Global.css
Code:
.repcard {
background: #fff;
width: 32%;
color: #ccc;
display: inline-table;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: .2rem;
float: center;
text-align: center;
margin: 0.3rem;
margin: 5px;
padding: 10px;
}I have used some code from this thread so it adds the users avatar and usergroup on the staff page.
https://community.mybb.com/thread-171941...pid1164321
Upload this showteam.php in your MyBB root folder.
showteam.php (Size: 8.1 KB / Downloads: 1)