[Tutorial] - Gid FA Username Icon Postbit & Profile & Memberlist & Whosoline/ShowTeam

* eh, someone was asking me something related to this old tutorial today, so I figured I would re-add it to the tutorial section....

[Tutorial] - Gid FA Username Icon Postbit & Profile & Memberlist & Whosoline & ShowTeam

ie:











For Font Awesome 4.7:

In headerinclude add:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

For Font Awesome 5:

In headerinclude add:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">

Add to global.css

for FA 4.7:

/** Gid FA 4.7 Username Icon Postbit & Profile & Memberlist by Vintagedaddyo **/

.titletag {
	display: inline-block;
	font-family: "FontAwesome";
	font-weight: 600;
}

.titletag_4:before {
	content: "\f013";
	color: #008000;
}

.titletag_6:before {
	content: "\f0e3";
	color: #CC00CC;
}

.titletag_3:before {
	content: "\f0e3";
	color: #CC00CC;
}

.titletag_2:before {
	content: "\f007";
	color: #0072BF;
}

for FA 5:

/** Gid FA 5 Username Icon Postbit & Profile & Memberlist by Vintagedaddyo **/

.titletag {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.titletag_4:before {
	content: "\f013";
	color: #008000;
}

.titletag_6:before {
	content: "\f0e3";
	color: #CC00CC;
}

.titletag_3:before {
	content: "\f0e3";
	color: #CC00CC;
}

.titletag_2:before {
	content: "\f007";
	color: #0072BF;
}

In postbit and postbit_classic find:

<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />

Replace with:

<span class="titletag titletag_{$usergroup['gid']}">&nbsp;</span><strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />

In member_profile find:

<span class="largetext"><strong>{$formattedname}</strong></span><br />

Replace with:

<span class="titletag titletag_{$memprofile['usergroup']}">&nbsp;</span><span class="largetext"><strong>{$formattedname}</strong></span><br />

In memberlist_user find:

{$user['profilelink']}<br />

And replace with:

<span class="titletag titletag_{$usergroup['gid']}">&nbsp;</span>{$user['profilelink']}<br />

Now, you can keep adding to this by adding additional "gids" to the css.


MyBB default "gids" are:

[ 1 ] _ Guests
[ 2 ] _ Registered
[ 3 ] _ Super Moderators
[ 4 ] _ Administrators
[ 5 ] _ Awaiting Activation 
[ 6 ] _ Moderators
[ 7 ] _ Banned

And same can be done by further adding your non default "gids" to the css.
If you are having a hard time figuring out all your gids you can download getgroups.php attached below and upload it to your forum root directory and visit it by "forum/getgroups.php" and it will display all of your currrent gids by number and name.

Download:


  getgroups.php (Size: 723 bytes / Downloads: 1)

Gid FA Username Icon Index Whosonline:


Update: another user here https://community.mybb.com/thread-226039...pid1341637 asked if this can be also used on the index whosonline and the answer is yes


In index_whosonline_memberbit template find:

{$user['profilelink']}{$invisiblemark}

Replace with:

<span class="titletag titletag_{$user['usergroup']}">&nbsp;</span>{$user['profilelink']}{$invisiblemark}

Gid FA Username Icon ShowTeam:

Update: another user asked if this can be also used on the showteam and the answer is yes


in showteam_usergroup_user template find:

<a href="{$user['profilelink']}">

add this right before it:

<span class="titletag titletag_{$user['usergroup']}">&nbsp;</span>

Best of luck!    Happy Editing! ~ V