MyBB 1.8.x Mod Add simple css and fontawesome userbars
#1
Star 
You can simply try something like this for simple fontawesome css userbars.

In headerinclude add:

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

in postbit and postbit_classic find:

Code:
{$post['usertitle']}


replace with:

Code:
<span class="grouptag grouptag{$usergroup['gid']}">&nbsp; {$post['usertitle']}</span><br />



In member_profile find:


Code:
({$usertitle})<br />



Replace with:

Code:
<span class="grouptag grouptag{$memprofile['usergroup']}">&nbsp; {$usertitle}</span><br />



Add to global.css:


Code:
/** CSS FA Usertitle Postbit & Profile by Vintagedaddyo **/

.grouptag {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 3px;
  font-family: "FontAwesome";
  font-weight: 600;
}

.grouptag4:before {
  content: "\f013";
}

.grouptag6:before {
  content: "\f0e3";
}

.grouptag3:before {
  content: "\f0e3";
}

.grouptag2:before {
  content: "\f007";
}

.grouptag4 {
   border: 3px solid #9f1bff;
   background: purple;
   color: #ffffff;
}

.grouptag6 {
  background: purple;
  border: 1px solid purple;
  color: #ffffff;
}

.grouptag3 {
  background: purple;
  border: 1px solid purple;
  color: #ffffff;
}

.grouptag2 {
  background: blue;
  border: 1px solid blue;
  color: #ffffff;
}

You can then simply modify and expand upon that...


Referencia:
https://community.mybb.com/thread-219795...pid1314599
[Image: 51.jpg]
We11World [ Winning Eleven ] , Blog , Archive Forums
Reply


Messages In This Thread
Add simple css and fontawesome userbars - by DiegoPino - 09-22-2018, 12:55 AM

Forum Jump:


Users browsing this thread: 1 Guest(s)