XeroLite Style [Paid] [Deleted]

here's how to add a separate image for each navtab

Only way I can see of doing, if theres an easier way please show me :)

go to navigation template find the code

Code:
<!-- extra tabs: middle -->
        <xen:if is="{$extraTabs.middle}">
        <xen:foreach loop="$extraTabs.middle" key="$extraTabId" value="$extraTab">
            <xen:if is="{$extraTab.linksTemplate}">
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
        
                <a href="{$extraTab.href}" class="navLink"><img src="@imagePath/xenforo/style/settings.png" alt="" /><xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
                <a href="{$extraTab.href}" class="SplitCtrl" rel="Menu"></a>
            
                <div class="{xen:if {$extraTab.selected}, 'tabLinks', 'Menu JsOnly tabMenu'} {$extraTabId}TabLinks">
                    <div class="primaryContent menuHeader">
                        <h3>{$extraTab.title}</h3>
                        <div class="muted">{xen:phrase quick_links}</div>
                    </div>
                    {xen:raw $extraTab.linksTemplate}
                </div>
            </li>
            <xen:else />
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'PopupClosed'}">
                    <a href="{$extraTab.href}" class="navLink">{$extraTab.title}</a>
                    <xen:if is="{$extraTab.selected}"><div class="tabLinks"></div></xen:if>
                </li>
            </xen:if>
        </xen:foreach>
        </xen:if>

Replace with

Code:
<!-- extra tabs: middle -->
        <xen:if is="{$extraTabs.middle}">
    
                <li class="navTab {$extraTabId} {xen:if $extraTab.selected, 'selected', 'Popup PopupControl PopupClosed'}">
        
                <a href="{$extraTab.href}" class="navLink"><img src="@imagePath/xenforo/style/settings.png" alt="" /><xen:if is="{$extraTab.counter}"><strong class="itemCount"><span class="Total">{$extraTab.counter}</span><span class="arrow"></span></strong></xen:if></a>
            
            
            
        </xen:if>


This should leave you with 3 tabs, home tab 1 settings tab and members tab, edit the code above suit your first extra navtab and icon, then copy and paste below. Edit it for the next tab and repeat for all tabs

eg

Code:
<a href="http://forum/raffles/" class="navLink"><img src="@imagePath/xenforo/style/ticket.png" alt="" />

<a href="http://forum/blogs/" class="navLink"><img src="@imagePath/xenforo/style/feedback.png" alt="" />

This method will not have drop down menu's but im sure they can be created with a bit more coding
 
Top Bottom