Image Left/Right toolbar buttons

Discussion in 'Chit Chat' started by Craigles700, May 1, 2018.

  1. Craigles700

    Craigles700 Enthusiast

    126
    43
    +70
    So I see a few different areas that I could place this question, so i'll just set it right here. If there is a better place, feel free to move it along.

    axenforo.com_community_data_avatars_l_141_141679.jpg_efd83ccee8283ff9e4bcae680161ee09.jpg I'm looking for a bit of help with bbcode, specifically float-left and float-right. I'm not familiar with it, but understand it is basically the same as html. What I want to accomplish is to place those two commands in the tool bar, just as you have done on this site, but i have no idea how to do that. Herein lies the quest for help.
     
  2. MarkFL

    MarkFL La Villa Strangiato

    1,250
    542
    +1,843
    You would likely use some kind of HTML replacement for your BBCode like:

    Code:
    <div style="float: right;">{content}</div>
     
    • Informative! Informative! x 1
    • Appreciation Appreciation x 1
    • List
  3. Craigles700

    Craigles700 Enthusiast

    126
    43
    +70
    That's just it, I am not familiar with the coding to get the toolbar configured to the same as this sites where it has the << and >> for the left and right float.

    I'd be willing to pay for the help.
     
  4. MarkFL

    MarkFL La Villa Strangiato

    1,250
    542
    +1,843
    What forum software are you using?
     
    • Appreciation Appreciation x 2
    • List
  5. Craigles700

    Craigles700 Enthusiast

    126
    43
    +70
    xf 2.0.4
     
  6. MarkFL

    MarkFL La Villa Strangiato

    1,250
    542
    +1,843
    Do you know how to upload files to your server? I ask, because you will want to store the images shown on the editor toolbar buttons on your server.

    I would be willing to help you get this set up free of charge. If you are interested, send me a PM with the login credentials for a temporary admin account to your site.
     
    • Winner Winner x 1
    • Appreciation Appreciation x 1
    • List
  7. Craigles700

    Craigles700 Enthusiast

    126
    43
    +70
    I do know how to yes. I will send you a pm.

    Thanks!
     
  8. Kevin

    Kevin Oooh, something shiny!

    3,339
    912
    +1,214
    With XF2 there is no need to use images; in the BB Code options in the ACP just use the Font Awesome option and then "angle-double-left" & "angle-double-right" accordingly.
     
  9. Craigles700

    Craigles700 Enthusiast

    126
    43
    +70
    So in the font awesome field i added << for left and >> for right. They do not display, but when hover it pops up with the label.

    What would I need to do to have them display statically with the others?
     
  10. Kevin

    Kevin Oooh, something shiny!

    3,339
    912
    +1,214
    Enter literally angle-double-left for the "left" align BB code and angle-double-right for the "right" align BB code.

    upload_2018-5-1_17-9-54.png
     
  11. Craigles700

    Craigles700 Enthusiast

    126
    43
    +70
    Thank you, Kevin! That did it.

    MarkFL I'm all set, thank you for reaching out and offering to help, I'm all set.
     
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.