Originally posted as a response here: https://community.mybb.com/thread-220273...pid1317126
Opted to include it in tutorial section just in case someone finds a usage for it and or value.
Add to global.css:
Replace postbit_groupimage with:
Replace memberlist_user_groupimage with:
Replace member_profile_groupimage with:
Add in groups in groupimage input for example for each usergroup its respective group name:
Add additional usergroups 8 through 16 as follows:
8) Management
9) Development
10) Design
11) Security
12) DevOps
13) Support
14) Community
15) Web
16) Editorial
![[Image: iycrpt.png]]()
Opted to include it in tutorial section just in case someone finds a usage for it and or value.
Add to global.css:
Code:
/* general styling of all team group */
div[class^=team_usergroup_] {
display: inline-block;
margin: 6px 2px;
padding: 0 8px;
border: solid 1px #AAA;
border-radius: 2px;
font-size: 11px;
font-weight: 400;
color: #767676;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
}
/* default */
/* individual styling of team group for user group 4 Administrator */
div.team_usergroup_4 {
color: #FFF;
background-color: #008000;
border-color: #008000;
}
/* individual styling of team group for user group 3 Super Moderator */
div.team_usergroup_3 {
color: #FFF;
background-color: #CC00CC;
border-color: #CC00CC;
}
/* individual styling of team group for user group 6 Moderator */
div.team_usergroup_6 {
color: #FFF;
background-color: #CC00CC;
border-color: #CC00CC;
}
/* individual styling of team group for user group 2 Registered */
div.team_usergroup_2 {
color: #FFF;
background-color: #0072BF;
border-color: #0072BF;
}
/* individual styling of team group for user group 1 Guest */
div.team_usergroup_1 {
background: none;
}
/* individual styling of team group for user group 7 Banned */
div.team_usergroup_7 {
background: none;
}
/* individual styling of team group for user group 5 Awaiting Activation */
div.team_usergroup_5 {
background: none;
}
/* Additional groups */
/* individual styling of team group for user group 8 Management */
div.team_usergroup_8 {
color: #008a00;
/* background-color: #008a00; */
border-color: #008a00;
}
/* individual styling of team group for user group 9 Development */
div.team_usergroup_9 {
color: #d23b67;
/* background-color: #d23b67; */
border-color: #d23b67;
}
/* individual styling of team group for user group 10 Design */
div.team_usergroup_10 {
color: #657d08;
/* background-color: #657d08; */
border-color: #657d08;
}
/* individual styling of team group for user group 11 Security */
div.team_usergroup_11 {
color: #927878;
/* background-color: #927878; */
border-color: #927878;
}
/* individual styling of team group for user group 12 DevOps */
div.team_usergroup_12 {
color: #8967de;
/* background-color: #8967de; */
border-color: #8967de;
}
/* individual styling of team group for user group 13 Support */
div.team_usergroup_13 {
color: #f35858;
/* background-color: #f35858; */
border-color: #f35858;
}
/* individual styling of team group for user group 14 Community */
div.team_usergroup_14 {
color: #2bb7c7;
/* background-color: #2bb7c7; */
border-color: #2bb7c7;
}
/* individual styling of team group for user group 15 Web */
div.team_usergroup_15 {
color: #2ba4eb;
/* background-color: #2ba4eb; */
border-color: #2ba4eb;
}
/* individual styling of team group for user group 16 Editorial */
div.team_usergroup_16 {
color: #62c9a1;
/* background-color: #62c9a1; */
border-color: #62c9a1;
}Replace postbit_groupimage with:
Code:
<div class="team_usergroup_{$usergroup['gid']}" title="{$usergroup['title']}">{$usergroup['image']}</div>Replace memberlist_user_groupimage with:
Code:
<div class="team_usergroup_{$usergroup['gid']}" title="{$usergroup['title']}">{$usergroup['image']}</div>Replace member_profile_groupimage with:
Code:
<div class="team_usergroup_{$memprofile['usergroup']}" aly="{$usertitle}" title="{$usertitle}">{$memperms['image']}</div><br />Add in groups in groupimage input for example for each usergroup its respective group name:
Code:
<i>administrator</i>Add additional usergroups 8 through 16 as follows:
8) Management
9) Development
10) Design
11) Security
12) DevOps
13) Support
14) Community
15) Web
16) Editorial