[TH] Font Awesome BBCode [Deleted]

[ThemeHouse]

Audentio Design submitted a new resource:

XFUniverse Font Awesome BBCode - Font Awesome used in posts? Done.

XFUniverse Font Awesome BBCode​

A simple BBCode addition to allow the use of Font Awesome within posts.

• All 519 Font Awesome icons included...
• Control color, size, etc...
• Works in conversations...
• Great for Wiki's, Guides, FAQ's...

[COLOR=rgb(64, 54,...[/FONT]​

Read more about this resource...

 

[JulianD]

Thank you! Great and very simple addon yet so useful for our users!

 

[Dad.]

Full credit to @Sheldon and @Mr. Goodie2Shoes for development, we only just acquired this add-on.

 

[GeorgioGalben]

on mouse hover i can't see the button; it's white!

i use this :
Replace editor icons with Font Awesome

 

[ThemeHouse]

Audentio Design updated XFUniverse Font Awesome BBCode with a new update entry:

1.0.0 Alpha 3 - Support for FontAwesome 4.4.0

Updated to support all of the new icons included in FontAwesome 4.4.0

Read the rest of this update entry...

 

[Dad.]

on mouse hover i can't see the button; it's white!

i use this :
Replace editor icons with Font Awesome

View attachment 111323

Which add-on are you using to get that toolbar? Its not UI.X. Is it a style?

 

[Sheldon]

Which add-on are you using to get that toolbar? Its not UI.X. Is it a style?

Looks like the CSS edits Russ has provided.

 

[Dad.]

Looks like the CSS edits Russ has provided.

Yeah would make sense it wouldnt work with this, Russ doesnt support it currently I imagine.

 

[Sheldon]

I'm sure it just needs the correct CSS call for it to display though.

One second, I'll see if I can grab it.

 

[Sheldon]

on mouse hover i can't see the button; it's white!

i use this :
Replace editor icons with Font Awesome

View attachment 111323

Well, tried the link in your sig, apparently not it as I don't even see the toolbar looking like that.

If you provide the link, I can provide the CSS to correct it.

 

[GeorgioGalben]

I'm sure it just needs the correct CSS call for it to display though.

One second, I'll see if I can grab it.

it was temporary uninstalled. i update it to the curent -A3 and the problem persist! It's only missed a few ones; arround 5 icons. Anyway, the addon works preety fine.
@Sheldon , i see you there; (Thanks!)
you can take a look now!


I wonder if this had to do with the CSS edit by @Russ . Or ether a compatibility problem with Custom node Style a have installed (by *******).
I hope this info helps, cheers !

 

[Russ]

it was temporary uninstalled. i update it to the curent -A3 and the problem persist! It's only missed a few ones; arround 5 icons. Anyway, the addon works preety fine.
@Sheldon , i see you there; (Thanks!)
you can take a look now!


I wonder if this had to do with the CSS edit by @Russ . Or ether a compatibility problem with Custom node Style a have installed (by *******).
I hope this info helps, cheers !

I don't use the add-on but it's easy to add icons for any missing menu items

Replace editor icons with Font Awesome

You just need to find the class and add the bit of CSS. Regarding the missing icons in the dropdown it could also be conflicting because of the FA version possibly. You're calling versions 4.1.0 and 4.3.0 in your source(I believe the google wallet was added in the later versions).

 

[GeorgioGalben]

You just need to find the class and add the bit of CSS. Regarding the missing icons in the dropdown it could also be conflicting because of the FA version possibly. You're calling versions 4.1.0 and 4.3.0 in your source(I believe the google wallet was added in the later versions).

I'm affraid i don't know how to do that.
Mybe some examples or screens helps me a lot.

P.S:/ Do you mean to add those missing icons in dropdown and add them in extra.css ? That means make a little edits to your existing trick . And also modify and put the latest FA class:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

into PAGE_CONTAINER .

sorry for my english and for my very very poor kb.

 

[Tiki Tiki]

Is there an easy way to implement the [FA] BB Code without adding the dropdown menu to the editor?

 

[Jake B.]

Is there an easy way to implement the [FA] BB Code without adding the dropdown menu to the editor?

I don't believe this is currently possible

 

[stacy.c]

Do the FA icons not work with text or allow line breaks?

I entered the following in a post:

[FA]arrow-circle-left[/FA] A circle

[FA]check[/FA] This is a check

[FA]cogs[/FA] Here’s a cog

The output in the post was this: (no text, no line breaks)



Edit: I'm on XF 1.4.4 -- Also cannot get color to apply, they just post in black.

 

[Firestar311]

Continuing from my Review thing, I am trying to use this addon without the UI.X addon.
http://brutuspvp.net

 

[Dalton Prock]

Continuing from my Review thing, I am trying to use this addon without the UI.X addon.
http://brutuspvp.net

Hello, can you try creating a test post? I'd like to see if the icons show up or not please.

 

[Freelancer]

For those who want to have this ThemeHouse add-on compatible with ThemeHouse UI.X Style Redactor Editor, paste the following into the "uix_icons.css" template:

html .redactor_toolbar li a.redactor_btn_custom_fa {background-image: none !important;}
html .redactor_toolbar li a.redactor_btn_custom_fa:before {
        content: "\f2b4";
}

 

[Firestar311]

@ThemeHouse Hey, You haven't responded to my post above. I have this addon installed without the UI.X addon and it does not work. I am using the latest version of Xenforo (Not the dev version) and the latest version of this addon.
http://brutuspvp.net