DSO - Font Awesome

[Dragonsys]

Adds Font Awesome support to your forums, also include a BBCode.
Font Awesome icons - https://fortawesome.github.io/Font-Awesome/icons/

Install
Step 1. Decide if you want to use the CDN (external files) or self hosted (additional files)
Step 2. Get your CDN Code (here (http://fontawesome.io/get-started/)) or download the latest self hosted version (here (http://fontawesome.io/#modal-download))
- Step 2a. If using Self Hosted: Upload files from {archive_file}/font-awesome-{version} to {bburl}/DSO/font-awesome (overwrite all)
Step 3. Import product => product-dso_fa.xml
- Step 3b. If using CDN: ACP->Options->DSO Font Awesome | Enable CDN and input your CDN Embed Code
Upgrade
Step 1. Decide if you want to use the CDN or self hosted files
- 1a. If upgrading from 1.0.0: Delete {bburl}/DSO/font-awesome-4.4.0 folder
Step 2. Get your CDN Code (here (http://fontawesome.io/get-started/)) or download the latest self hosted version (here (http://fontawesome.io/#modal-download))
- Step 2a. If using Self Hosted: Upload files from {archive_file}/font-awesome-{version} to {bburl}/DSO/font-awesome (overwrite all)
- Step 2b. If using CDN: delete {bburl}/DSO/font-awesome (remove {bburl}/DSO if empty)
Step 3. Import product => product-dso_fa.xml (tick box to allow overwrite)
- Step 3b. If using CDN: ACP->Options->DSO Font Awesome | Enable CDN and input your CDN Embed Code

Usage:
BBCode use: icon-name (ie: fa-male)
You can use icon options by adding them to the bbcode as well:
icon-name option (ie: fa-male fa-5x)
Stack:
icon-name(top) option (ie: fa-twitter fa-stack-1x)
HTML use (such as in a template): <i class="fa {icon}"></i> (ie: <i class="fa fa-male"></i>)

Demos:

Template (HTML) Demo - http://forums.txracers.com/slips.php?do=listtracks (The Web & FB icons are Font Awesome)
BBCode Demo - http://forums.txracers.com/showthread.php?24-Font-Awesome


Reference:
Refer to here for the icons (https://fortawesome.github.io/Font-Awesome/icons/).
Examples - https://fortawesome.github.io/Font-Awesome/examples/

Todo:


Changelog:
1.0.0 - Initial Release
1.1.0 - Updated to FA v4.5.0
- Added Stack BBCode
- Added FAQ with links
1.1.1 - Fixed FAQ not importing properly
1.2.0 - Added version check to FAQ
1.2.5 - Added ability to use CDN

FAQ:

How to update to latest Font Awesome version: #1: Download the latest version from here (https://fortawesome.github.io/Font-Awesome/) #2: Upload files from {archive_file}/font-awesome-{version} to {bburl}/DSO/font-awesome (overwrite all) #3: Enjoy latest Font Awesome Icons
How can I tell what version of Font Awesome is currently installed. Check out your Forum's FAQ, it should list the currently installed version.

[Manoel J?nior]

Ho my God. Thanks!!!!!

How to configure this?

[Dragonsys]

nothing to configure. I guess I should post usage though, lol
Examples added to description post.

[Nirjonadda]

Do you have any demo or ScreenShot to look, How it work?

[Dragonsys]

Template Demo - http://forums.txracers.com/slips.php?do=listtracks (The Homepage & Facebook icons are Font Awesome)

BBCode Demo - http://dragonsys.noip.me/vb4/showthread.php?20-Font-Awesome

[blackberry]

woow thank you was waiting for it :D

Can we use them for section icons?

[Dragonsys]

woow thank you was waiting for it :D

Can we use them for section icons?

If you can use bbcode or html for the section icon, yes.

[Dragonsys]

I plan on updating this to Font Awesome 4.5, and add some reference FAQs in the next few days.
I'm also looking at adding Stacked Icons BBCode

[MattGarner]

Awesome, any chance it can support the new icons in 4.5 as well?

[Dragonsys]

Awesome, any chance it can support the new icons in 4.5 as well?

Yep, next version coming very soon. In this next version, I will make updating the base FA easier, without having to update the entire plugin.

[Dragonsys]

Added ability to use CDN so no file uploads are required.

[IggyP]

just tried this with vb4.2.5 php 5.6 and the cdn tech....

fail?

its not grabbing the icons for some reason...i get the rectangle broken image thing instead

does the mod need an update to work with FA 4.7?

double checked all the obvious stuff....hmm

[IggyP]

traced it to custom style conflict...oof....hmm...

[IggyP]

i was able to get this working by using some cancelling css code...

.fa, .fa:before {
font-family: FontAwesome;
font-style: normal;
}

the size option bb code still isnt working tho....i can only get them tiny sized...any ideas a fix of that?? i cant imagine what could have changed in it that would effect such a small detail

[IggyP]

ok got that one too......btw, fwiw this is in regard to sultanthemes styles...in this last case i had to remove a "font-size : inherit" code he has in there.....then it worked 100% now finally lol

EDiT...
oh and of course for responsive too der
.material-icons {
font-size: initial!important;
}

[IggyP]

found a typo in the faq translation/links....

you have entered fontawesome as "fortawesome" in the links....triggers warnings filling up the logs if you dont notice ;)

[IggyP]

oh...um...in hook actually need edit for full fix..

[IggyP]

oh hmm....just checked the links.....still doesnt work...guess it wasnt a typo....that cleared the log bombs but for the proper fix need to replace with the links that the fortawesome ones redirect too ;)

[IggyP]

version 5 was just released.....this will need some updating hmm...couple big changes like "fa" depreciating and being replaced...with more than one variable...messy hmm