Custom side menu items

2»

Comments

  • thaen
    thaen
    Posts: 350

    @NimrodYanai, you should have access to the "Custom Navigation" feature in the Settings -> Advanced tab.  It's a textbox right above the "Custom CSS" textbox.  Let me know if you don't see it still.

    Obsidian Portal Developer

  • NimrodYanai
    NimrodYanai
    Posts: 22

    Thanks!

    Found it. I'll start playing with it a bit!

  • NimrodYanai
    NimrodYanai
    Posts: 22

    First thing I noticed - we need to add extra, unused icons we can set for the new buttons.

     

  • thaen
    thaen
    Posts: 350

    @NimrodYanai, I pulled together a list of all of the icons that exist in the system currently (including ones that are already used):

    https://opfonticons.obsidianportal.com/wikis/main-page

    But, since you now have complete control over the HTML of your menu, you can actually upload whatever images you want to your Media Library, and then reference those images in the HTML as your menu icons...or you can remove the icons completely, and just have a text only menu.

    Obsidian Portal Developer

  • thaen
    thaen
    Posts: 350

    Just FYI to all, this feature is now out of beta and available to all Ascendant GMs.

    Obsidian Portal Developer

  • Jynx001
    Jynx001
    Posts: 66

    Nice! Just changing the names takes about 30 seconds. Very easy.

  • Krothos
    Krothos
    Posts: 227

    Very cool. Looking forward to start using this.

  • GamingMegaverse
    GamingMegaverse
    Posts: 2,875

    Cool, looking forward to playing with this!

    Just trying to help out.  Changed name from killervp to Gaming Megaverse to match other sites.

  • NimrodYanai
    NimrodYanai
    Posts: 22 edited October 16

    But how do I use the icons? I don't see any way to select them, and using "Inspec" on the browser doesn't give me the image address.

    Nevermind, I see I can just use the class name to get the image.

    Thanks!
    Post edited by NimrodYanai on
  • NimrodYanai
    NimrodYanai
    Posts: 22

    However, the new menu item does not match the styling of the other menu items.

  • thaen
    thaen
    Posts: 350

    @NimrodYanai, I think you have this:

    <span class="op-icon-d20" style="min-width:45px">

    Change that to this:

    <span class="nav-icon icon op-icon-d20">

    The "nav-icon" and "icon" classes will apply the styling to match the other menu items, and the "min-width" shouldn't be needed.

    Let me know if that fixes it up for you or not.

    Obsidian Portal Developer

Sign In or Register to comment.

Stand against the Overlords with November's Campaign of the Month, Hazard Pay!

Read the feature post on the blog!
Or return to Obsidian Portal!

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions