1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[TH] Font Awesome BBCode 1.0.0 Alpha 3

Font Awesome used in posts? Done.

  1. ThemeHouse

    ThemeHouse Well-Known Member

    Audentio Design submitted a new resource:

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

    Read more about this resource...
    thomas1 likes this.
  2. JulianD

    JulianD Well-Known Member

    Thank you! Great and very simple addon yet so useful for our users!
  3. Mike Creuzer

    Mike Creuzer Well-Known Member

    Mr. Goodie2Shoes likes this.
  4. iorG19

    iorG19 Member

  5. ThemeHouse

    ThemeHouse Well-Known Member

  6. Mike Creuzer

    Mike Creuzer Well-Known Member

  7. Sheldon

    Sheldon Well-Known Member

    Looks like the CSS edits Russ has provided.
  8. Mike Creuzer

    Mike Creuzer Well-Known Member

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

    Sheldon Well-Known Member

    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.
    iorG19 likes this.
  10. Sheldon

    Sheldon Well-Known Member

    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.
  11. iorG19

    iorG19 Member

    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 !

    Attached Files:

  12. Russ

    Russ Well-Known Member

    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).
    Last edited: Jul 30, 2015
  13. iorG19

    iorG19 Member

    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">

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

    Tiki Tiki Active Member

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

    Jake B. Well-Known Member

    I don't believe this is currently possible
  16. stacy.c

    stacy.c Member

    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)

    Screen Shot 2016-01-16 at 7.17.44 PM.png

    Edit: I'm on XF 1.4.4 -- Also cannot get color to apply, they just post in black.
    Last edited: Jan 17, 2016
  17. Firestar311

    Firestar311 Member

    Continuing from my Review thing, I am trying to use this addon without the UI.X addon.
  18. Dalton Prock

    Dalton Prock Active Member

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

    Freelancer Well-Known Member

    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";

Share This Page