Modify the brackets on the group legend Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums

    Modify the brackets on the group legend

    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°1

    Tutorial Modify the brackets on the group legend

    Post by Ange Tuteur October 24th 2014, 6:34 pm

    Modify the brackets on the group legend

    This tutorial will allow you to change the brackets on the group legend of your Forumotion forum. The modification can be made on any forum version !

    Modify the brackets on the group legend Captu189


    Editing the index_body

    Go to Administration Panel > Display > Templates > General find the template index_body and edit it. Edit

    Find :
    Code:
    {GROUP_LEGEND}

    Replace by :
    Code:
    <span id="groupLegend">{GROUP_LEGEND}</span>

    Save and publish. Add


    Editing the CSS

    Go to Administration Panel > Display > Colors > CSS stylesheet and paste the following code :
    Code:
    #groupLegend { font-size:0 }
    #groupLegend b { font-size:11px }
    #groupLegend b:after { content:" • " }
    #groupLegend b:last-child:after { content:"" }
    Doing so will replace the brackets [] with bullets •

    Modifcations

    To change the Icon displayed between groups modify the bullet in this rule :
    Code:
    #groupLegend b:after { content:" • " }

    To something different, like a heart !
    Code:
    #groupLegend b:after { content:" ♥️ " }

    To change the color of the separators, add this rule to your stylesheet :
    Code:
    #groupLegend { color:#F00 }
    Replace #F00 by the color of your choice. To make it easy, you can use this to pick a color code : http://colorpicker.com/


    The result ! ♥️
    Modify the brackets on the group legend Captu188


    Save your changes and you're finished !  Modify the brackets on the group legend 1852325475




      This tutorial was proposed by Ramdaman,
      Optimized by Ange Tuteur.

    Beyonder likes this post

    • Back to top