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
3 posters

    Using a small picture to modify the brackets on the Group Legend

    Chellizard
    Chellizard
    Forumember


    Female Posts : 154
    Reputation : 12
    Language : English

    In progress Using a small picture to modify the brackets on the Group Legend

    Post by Chellizard Sat 25 Oct - 20:11

    https://help.forumotion.com/t136323-modify-the-brackets-on-the-group-legend

    ^

    has some amazing helpful stuff, but I was wondering if in the "content" area of the code if I could place an image or something instead of a symbol or etc.

    If it's possible, I'd like to know how or what I'd add to make it possible.


    My board: http://superhero-rpg.com
    Ramdaman
    Ramdaman
    Active Poster


    Male Posts : 1590
    Reputation : 99
    Language : English, Albanian, Macedonian, Russian | HTML, CSS
    Location : New York City

    In progress Re: Using a small picture to modify the brackets on the Group Legend

    Post by Ramdaman Sat 25 Oct - 20:14

    Well, try this:

    Code:
    background: url(URL-HERE) no-repeat;

    Replace URL-HERE with the image URL.
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: Using a small picture to modify the brackets on the Group Legend

    Post by Ange Tuteur Sat 25 Oct - 21:52

    Hello Chellizard,

    In the content property value, you can write url() to specify an image :
    Code:
    #groupLegend b:after { content:url('/myimage.gif') }

    Replace /myimage.gif by the URL of your image. ^^

      Current date/time is Sun 22 Sep - 23:28