Font awesome icon in to bbcode

TT90 · Post by **TT90** » Tue Jul 10, 2018 8:07 am

Hi, i want to ask if is possible add fontawesome icon in to Board Announcements extension ?

I try this code:

 <i class="icon fa-calendar fa-fw" aria-hidden="true"></i>

but this extension dont support html

It is possible add this via bbcode ? Can anyone make for this bbcode ?

Thanks

Ger · Post by **Ger** » Tue Jul 10, 2018 8:29 am

Should be as simple as this:
Usage
[fa]{SIMPLETEXT}[/fa]

HTML Replacement

Code: Select all

<i class="icon fa-{SIMPLETEXT} fa-fw" aria-hidden="true"></i>

Example

Check this [fa]calendar[/fa] fancy icon

TT90 · Post by **TT90** » Tue Jul 10, 2018 9:04 am

Wow thanks, works perfect.

So if i want change color of this or size, how i do it ?
It possible add this in this bbcode ?

Ger · Post by **Ger** » Tue Jul 10, 2018 9:33 am

You can simply change the HTML replacement to something like

Code: Select all

<i class="icon fa-{SIMPLETEXT} fa-fw" aria-hidden="true" style="color: #FF0000; font-size 20px;"></i>

Or set it as a class;

Code: Select all

<i class="fa-bbcode icon fa-{SIMPLETEXT} fa-fw" aria-hidden="true"></i>

And define that class in your stylesheet like so:

Code: Select all

.fa-bbcode {
	color: #FF0000;
	font-size: 20px;
}

First approach is simpler, second approach is a bit more optimized for the browser when you use it multiple times.

TT90 · Post by **TT90** » Tue Jul 10, 2018 9:43 am

Perfect, thank you so much ! Works great.

I use this:

Code: Select all

<i class="icon fa-{SIMPLETEXT} fa-fw" aria-hidden="true" style="color: #FF0000; font-size 20px;"></i>

Maybe it will be good add this like inscrution in bbcode instructions.

Ger · Post by **Ger** » Tue Jul 10, 2018 9:55 am

You're welcome

TT90 wrote: ↑Tue Jul 10, 2018 9:43 am Maybe it will be good add this like inscrution in bbcode instructions.

I'm not sure what you mean by this?

Post by **Mick** » Tue Jul 10, 2018 12:13 pm

You can create a New Contribution to the Custom BBCode db for validation.

TT90 · Post by **TT90** » Tue Jul 10, 2018 12:20 pm

Thanks

https://www.phpbb.com/customise/db/bbco ... in_bbcode/

Ger · Post by **Ger** » Tue Jul 10, 2018 12:38 pm

I see, submitted it just now.

Edit: TT90 was just a bit faster. Well than, leave it up to the team to drop either one of them.

TT90 · Post by **TT90** » Tue Jul 10, 2018 12:48 pm

Ah sorry

So you are author, maybe it would be better if yours be approved and my deleted.

Post by **Mick** » Tue Jul 10, 2018 12:49 pm

Thanks guys

orynider · Post by **orynider** » Sat Aug 25, 2018 10:43 pm

Ger wrote: ↑Tue Jul 10, 2018 9:33 am You can simply change the HTML replacement to something like
Code: Select all
<i class="icon fa-{SIMPLETEXT} fa-fw" aria-hidden="true" style="color: #FF0000; font-size 20px;"></i>

You need:

Code: Select all

<i class="icon fa-{SIMPLETEXT} fa-fw" aria-hidden="true" style="color: #FF0000; font-size: 20px;"></i>

orynider · Post by **orynider** » Sat Feb 23, 2019 8:15 pm

You can not include font-size=5 or font-size=8.5 or font-size=15 or font-size=20 etc in Your [fa=10]{SIMPLETEXT}[/fa] code ?