Font Awesome in ModCP,UserCP & Tabs

Hey
That link wasnt working k bye

How do I use this?

Font Awesome is pretty simple to add to your MyBB forum, it literally takes all of 60 seconds to do so.

Navigate to AdminCP > Templates and styles > Your themes templates > Ungrouped templates > headerinclude, and then add the following code.


There you have it, you can now begin to change your icons to Font Awesome icons. as seen below.

Font Awesome on tabbed menu

First of all, you will need a copy of Omni's tabbed menu plugin for MyBB.



Once you have it installed, go to the Font Awesome icon page -> http://fontawesome.io/icons/ and choose an icon that you want to use.

Let's say I want to use a computer icon, as seen below:


You can see that when I have clicked on my image, I have been provided with a code underneath it. This is what we will be using.

Go to ACP > Forums & Posts > Tabbed Menu, and click edit on the tab you wish to add the icon to.



Before the name, we'll add the icon code that we copied before.

It should look like this:


That is it, you can now go and add an icon to every tab you have!

Font Awesome in usercp and modcp


If you want to change all your icons in modcp/usercp to Font Awesome, then use these codes.

Navigate to AdminCP > templates and style > your theme > usercp.css, delete everything, and then add the following:


Now go back and add this code into modcp.css:

If done correctly, your icons will look like this (modcp example):




You can of course, change the color of the icons to suit your needs etc, but it really is that simple.

I hope you enjoyed this small tut, and I hope I helped you somewhat into knowing the world of Font Awesome!

Regards, Addiction.

Nice copy&paste.

Thanks "Addiction", this will be useful for some guys

05-02-2015, 02:18 PM

linkz Wrote: Nice copy&paste.

yeah copy paste thats why at last i put :3


Regards of that user

Well done, thank your spirit, thanks for share it

thanks for the share boi

I was under the assumption that you have to use the \f01jk something for it rather than the <i>. Anyways, thanks for this. I loved the outcome in the screenshot. Looks very clean and neat.

thanks for share it
goods

Nice copy and paste, thanks.