MyBB Community Forums

Card View staff page with avatars and usergroup title.


What you will end up with.






Open Templates > Your theme > Show Forum Team Templates > showteam_moderators

<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

<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

<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

<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

.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.
[attachment=40950]