Custom Navigation

Keryth987
Keryth987

OK, I know how to replace images on the side menu within CSS, but I'd like to do more than replace the images and names. So..how does one utilize the Custom Navigation?

Default code is this


<div style='display:none;'>======================================== NAVIGATION: CAMPAIGN SIDE ========================================</div>

<nav id='campaign-nav' role='navigation' class='campaign-public-navigation'>
<ul class='no-bullet nav-links'>
<li class='dashboard active-target campaign-member-only'>
<a href='/dashboard'>
<span class='nav-icon icon op-icon-dash'></span><span class='nav-text'>  Dashboard</span>
</a>
</li>
<li class='secrets active-target campaign-member-only'>
<a href='/secrets'>
<span class='nav-icon icon icon-openbook-02'></span><span class='nav-text'>  Secrets</span>
</a>
</li>
<li class='front-page active-target'>
<a href='/'>
<span class='nav-icon icon icon-home'></span><span class='nav-text'>  Front Page</span>
</a>
</li>
<li class='forum active-target campaign-member-only'>
<a href='/forum'>
<span class='nav-icon icon op-icon-forum'></span><span class='nav-text'>  Forum</span>
</a>
</li>
<li class='calendar active-target campaign-member-only'>
<a href='/calendar'>
<span class='nav-icon icon icon-calendar-empty'></span><span class='nav-text'>  Calendar</span>
</a>
</li>
<li class='adventure-log active-target'>
<a href='/adventure-log'>
<span class='nav-icon icon op-icon-page'></span><span class='nav-text'>  Adventure Log</span>
</a>
</li>
<li class='file-docker active-target campaign-member-only'>
<a href='/files'>
<span class='nav-icon icon op-icon-image-embed'></span><span class='nav-text'>  Media Library</span>
</a>
</li>
<li class='wiki active-target'>
<a href='/wikis/main-page'>
<span class='nav-icon icon op-icon-book-wiki'></span><span class='nav-text'>  Wiki</span>
</a>
</li>
<li class='characters active-target'>
<a href='/characters'>
<span class='nav-icon icon op-icon-characters'></span><span class='nav-text'>  Characters</span>
</a>
</li>
<li class='items active-target'>
<a href='/items'>
<span class='nav-icon icon op-icon-backpack'></span><span class='nav-text'>  Items</span>
</a>
</li>
<li class='maps active-target'>
<a href='/maps'>
<span class='nav-icon icon op-icon-map'></span><span class='nav-text'>  Maps</span>
</a>
</li>
<li class='settings active-target game-master-only'>
<a href='/settings'>
<span class='nav-icon icon op-icon-gears'></span><span class='nav-text'>  Settings</span>
</a>
</li>
</ul>
</nav>


<div style='display:none;'>======================================== NAVIGATION: DASHBOARD SIDE ========================================</div>

<ul class='campaign-dashboard-navigation'>
<li class='section dashboard active-target campaign-member-only'>
<a href='/dashboard'>
<span class='nav-icon op-icon-dash'></span><span class='nav-text'>Dashboard</span>
</a>
</li>
<li class='section secrets active-target campaign-member-only'>
<a href='/secrets'>
<span class='nav-icon icon-openbook-02'></span><span class='nav-text'>Secrets</span>
</a>
</li>
<li class='section front-page active-target'>
<a href='/'>
<span class='nav-icon icon-home'></span><span class='nav-text'>Front Page</span>
</a>
</li>
<li class='section forum active-target campaign-member-only'>
<a href='/forum'>
<span class='nav-icon op-icon-forum'></span><span class='nav-text'>Forum</span>
</a>
</li>
<li class='section calendar active-target campaign-member-only'>
<a href='/calendar'>
<span class='nav-icon icon-calendar-empty'></span><span class='nav-text'>Calendar</span>
</a>
</li>
<li class='section adventure-log active-target'>
<a href='/adventure-log'>
<span class='nav-icon op-icon-page'></span><span class='nav-text'>Adventure Log</span>
</a>
</li>
<li class='section file-docker active-target campaign-member-only'>
<a href='/files'>
<span class='nav-icon op-icon-image-embed'></span><span class='nav-text'>Media Library</span>
</a>
</li>
<li class='section wiki active-target'>
<a href='/wikis/main-page'>
<span class='nav-icon op-icon-book-wiki'></span><span class='nav-text'>Wiki</span>
</a>
</li>
<li class='section characters active-target'>
<a href='/characters'>
<span class='nav-icon op-icon-characters'></span><span class='nav-text'>Characters</span>
</a>
</li>
<li class='section items active-target'>
<a href='/items'>
<span class='nav-icon op-icon-backpack'></span><span class='nav-text'>Items</span>
</a>
</li>
<li class='section maps active-target'>
<a href='/maps'>
<span class='nav-icon op-icon-map'></span><span class='nav-text'>Maps</span>
</a>
</li>
<li class='section settings active-target game-master-only'>
<a href='/settings'>
<span class='nav-icon op-icon-gears'></span><span class='nav-text'>Settings</span>
</a>
</li>
</ul>

My thing is...I can't make hide nor hair of this. I'd like to remove severla menu entries, replace the image, change the name displayed, and have the Charact and Item links NOT go to their default pages

If possible though I'd like the Dashboard menu untouched

 

Comments

Sign In or Register to comment.

November 2022
Curse of the Crimson Throne

Read the feature post on the blog
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