IC How To: Using Font Awesome with Animations on Menu Items

fixer

I'm In My Prime
Joined
Jan 28, 2010
Messages
2,062
Hello Fellow Admin,

Do you want to use Font Awesome Icons in your Menu but don't want them to look stupid and out of place? Well step right up and enjoy...

FOLLOW THE STEPS

1. you are going to need to Download the .css file and upload to your root directory via FTP

RIGHT CLICK AND DOWNLOAD TARGET

WARNING: Remove the .txt extension if your computer saves it like that before uploading to your server

2. Go to your style manager and on globalTempate add this directly before </head>

Code:
<link rel="stylesheet" href="/font-awesome-animation.css">
3. Find the Icon you want to use

GO HERE FOR ALL THE FONT AWESOME ICON CODE

4. Find the animation you want to use

GO HERE TO FIND YOUR ANIMATION CODE

5. Go to your menu manager and in the title add the code..

Code:
<i style="color: #23c900" class="fa fa-gift faa-tada animated"></i><span style="color: #23c900"> Donate</span>
Dec-22-2019 11-02-08.gif
 
Last edited:
Top