Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[For 1.8] Simple css groupimages for default usergroup & mybblike team ranks for custom group
#1
Information 
Simple css groupimages for default usergroup & mybblike team ranks for custom group ** ( re-posted due to numerous user requests and complaints after I deleted my old tutorials. )


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:


/* 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:

<div class="team_usergroup_{$usergroup['gid']}" title="{$usergroup['title']}">{$usergroup['image']}</div>

Replace memberlist_user_groupimage with:

<div class="team_usergroup_{$usergroup['gid']}" title="{$usergroup['title']}">{$usergroup['image']}</div>

Replace member_profile_groupimage with:

<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:


<i>administrator</i>

Add additional usergroups 8 through 16 as follows:

Quote:8) Management
9) Development
10) Design
11) Security
12) DevOps
13) Support
14) Community
15) Web
16) Editorial
MyBB Themes Team - Making more professional themes by the hour. (Retired)
My Mods | Offer me a coffee!
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)