MyBB Community Forums

Full Version: Usergroup stars - FontAwesome
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5
Here is the step by step tutorial
https://fontawesome.com/how-to-use/on-th...s-with-css

The easiest way is to add this into your headerinclude template
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
Sincerely,i already tried that string in my headerinclude template but it doesn't work for me.

I am already using some fontawesome in my header include because of twitter,facebook,google+ icons as in this thread.

When i paste the string provided by you,the stars won't show up and the icons i'm using get also mess up.

Here is a screenshot.

[attachment=40779]

[attachment=40780]

I added this to my global.css


.userstar {
    font-family: Font Awesome\ 5 Free;
    font-size: 13px;
    color: #969696;
    line-height: 13px;
    display: inline-block;
    letter-spacing: 2px;
    font-weight: 900;
}
.star_0 :before {
    content: "\f005\f005\f005\f005\f005\f005";
    font-weight: 400;
}
.star_1 :before {
    content: "\f005";
}
.star_1 :after {
    content: "\f005\f005\f005\f005\f005";
    font-weight: 400;
}
.star_2 :before {
    content: "\f005\f005";
}
.star_2 :after {
    content: "\f005\f005\f005\f005";
    font-weight: 400;
}
.star_3 :before {
    content: "\f005\f005\f005";
}
.star_3 :after {
    content: "\f005\f005\f005";
    font-weight: 400;
}
.star_4 :before {
    content: "\f005\f005\f005\f005";
}
.star_4 :after {
    content: "\f005\f005";
    font-weight: 400;
}
.star_5 :before {
    content: "\f005\f005\f005\f005\f005";
}
.star_5 :after {
    content: "\f005";
    font-weight: 400;
}
.star_6 :before {
    content: "\f005\f005\f005\f005\f005\f005";
} 


Please help.
(2018-09-03, 06:29 PM)kbilly Wrote: [ -> ]Sincerely,i already tried that string in my headerinclude template but it doesn't work for me.

same thing for me..after many tries not work...
i am using MyFontAwesomeIcons.
Still seeking for help from the tutorial maker.

Thankyou.
First of all update to the latest MyBB version. You use custom theme, so you have to adjust it for your needs including colors of stars
Well,i'm already using the latest version.

And if you can't help us further,say it clear,we are asking for help because we aren't coders or developers ,otherwise why should we post here?

Kind regards.
For FA v4 use tutorial from the first post, for FA v5 and newer use code from my second post above.
Well,that is what i am doing since i opened this thread,check the proofs.

[attachment=40788]

[attachment=40789]

[attachment=40790]

[attachment=40791]

[attachment=40792]

Please indicate,what am i missing?
You are missing the second line - check your CSS, it is wrong, font family...
[attachment=40794]

Updated from 4.7.0 to the latest,still not working.

[attachment=40795]
Pages: 1 2 3 4 5