Blog Documentation Try Vanilla Cloud
Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

Adding Sprites/Icons to Navbar/Menu

r0obertr0obert ✭
edited May 2014 in Vanilla 2.0 - 2.8

Is this possible using 2.1 Sprites plugin? I'm not sure how to use that plugin. Can I add my own custom icons to the top menu links (Home, Activity, Discussions,etc)?

I'm using 2.1 stable and Bootstrap theme.

Thanks!

Tagged:

Comments

  • Options
    vrijvlindervrijvlinder Papillon-Sauvage MVP
    edited May 2014

    you can add anything you want . Look at how the sprites plugin adds the sprites to other things.

    Then you can use jquery to prepend each link with an icon or sprite. Then use css on that to make it look good.

    You could also replace the links with icons

    http://css-tricks.com/css-image-replacement/

    ❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌

  • Options
    hgtonighthgtonight ∞ · New Moderator

    The Sprites plugin essentially just adds some CSS that styles existing markup in certain ways.

    If you are the one spitting out the markup, check out the Sprite() function which takes a class and echos some markup that will automatically be picked up by the Sprites plugin.

    Search first

    Check out the Documentation! We are always looking for new content and pull requests.

    Click on insightful, awesome, and funny reactions to thank community volunteers for their valuable posts.

Sign In or Register to comment.