Absolution

Navbar dropdown - Absolution

Navbar dropdown

by gt500 » Sat Feb 02, 2013 8:58 am

Hi all

How can i add a home page drop down menu on the nav bar?
I want it on the left hand side before portal

i have tried and tried copy the other from the search menu on the right side when logged in but i keep getting errors, i am no php expert, any help would be awesome

here is my navbar code

Code: Select all

<div style="clear: both;"></div>
<div id="nav-wrap-left"></div>
<div id="nav-wrap-right"></div>

<div id="nav">
    <ul>
      <!-- IF U_PORTAL -->
            <li>
                <a href="{U_PORTAL}"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />{L_PORTAL}</a>
            </li>
            <li class="divider"></li>
      <!-- ENDIF -->
     
            <li>
                <a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />{L_INDEX}</a>
            </li>
            <div style="clear: both;"></div>
                    <ul class="drop">
                        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                        <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                        <!-- IF U_MCP --><li><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
                        <!-- IF U_ACP --><li><a href="{U_ACP}">{L_ACP}</a></li><!-- ENDIF -->
                    </ul>                         
                <!-- ENDIF -->
            <li class="divider"></li>
                                                 
<li><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}">{L_GALLERY}</a></li>
        <li class="divider"></li>
                <!-- IF not S_IS_BOT -->
                  <!-- IF S_USER_LOGGED_IN -->
               <li class="float-right logout">
                   <a href="{U_LOGIN_LOGOUT}" class="tip" title="{L_LOGOUT}"><img src="{T_THEME_PATH}/images/logout.png" width="16" height="16" alt="" /></a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
                        
           <li class="float-right<!-- IF SCRIPT_NAME eq 'ucp' and $CURRENT_PAGE != 'register' --> active<!-- ENDIF -->">
               <!-- IF not S_USER_LOGGED_IN -->
                  <a href="{U_LOGIN_LOGOUT}"><img src="{T_THEME_PATH}/images/key.png" width="16" height="16" alt="" />{L_LOGIN_LOGOUT}</a>               
                <!-- ELSE -->
                   <a href="{U_PROFILE}"><img src="{T_THEME_PATH}/images/userdrop.png" width="16" height="16" alt="" />{S_USERNAME}</a>
                    <div style="clear: both;"></div>
                    <ul class="drop">
                        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                        <li><a href="{U_PROFILE}">{L_PROFILE}</a></li>
                        <!-- IF U_MCP --><li><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
                        <!-- IF U_ACP --><li><a href="{U_ACP}">{L_ACP}</a></li><!-- ENDIF -->
                    </ul>                         
                <!-- ENDIF -->
            </li>
            <li class="divider float-right"></li>
           
            <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not S_SHOW_COPPA -->
               <li class="float-right<!-- IF $CURRENT_PAGE == 'register' --> active<!-- ENDIF -->">
                   <a href="{U_REGISTER}"><img src="{T_THEME_PATH}/images/add.png" width="16" height="16" alt="" />{L_REGISTER}</a>
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
           
           <!-- IF S_DISPLAY_SEARCH -->
                <li class="float-right<!-- IF SCRIPT_NAME eq 'search' --> active<!-- ENDIF -->">
                    <a href="{U_SEARCH}"><img src="{T_THEME_PATH}/images/search<!-- IF S_USER_LOGGED_IN -->-drop<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_SEARCH}</a>
                    <!-- IF S_USER_LOGGED_IN -->
                       <div style="clear: both;"></div>
                       <ul class="drop">
                            <li><a href="{U_SEARCH}">{L_SEARCH_ADV}</a></li>
                            <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
                            <!-- IF S_LOAD_UNREADS -->
                               <li><a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a></li>
                                <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
                                <li><a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
                            <!-- ENDIF -->
                       </ul>
                    <!-- ENDIF -->                   
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
               
            <!-- IF S_DISPLAY_MEMBERLIST -->
                <li class="float-right<!-- IF SCRIPT_NAME eq 'memberlist' --> active<!-- ENDIF -->">
                            
                    <a href="{U_MEMBERLIST}"><img src="{T_THEME_PATH}/images/nav-members.png" width="16" height="16" alt="" />{L_MEMBERLIST}</a>
                    <!-- IF S_MCHAT_ENABLE and U_MCHAT --><li><a href="{U_MCHAT}#mChat" title="{L_MCHAT_TITLE}">{L_MCHAT_TITLE}</a></li><!-- ENDIF -->
                </li>
                <li class="divider float-right"></li>
            <!-- ENDIF -->
           
            <!-- IF S_DISPLAY_PM -->
                <li class="float-right">
                    <a href="{U_PRIVATEMSGS}"><img src="{T_THEME_PATH}/images/nav-pm<!-- IF S_USER_UNREAD_PRIVMSG -->-new<!-- ENDIF -->.png" width="16" height="16" alt="" />{L_MESSAGES}</a>
                </li>
                <li class="divider float-right"></li>           
            <!-- ENDIF -->
               
                                                 
        <!-- ENDIF -->     

    </ul>
</div>


ok here is a link of what i want. They have a link called board index which is a drop down menu in absolution how can i do this?

Check the link here http://www.whywontyoutie.com/index.php
gt500
Registered User
Posts: 143
Joined: Thu Jun 12, 2008 11:35 am
Contact:

Re: Navbar dropdown

by gt500 » Sun Feb 03, 2013 1:55 am

Is there anyone that can help with this?
gt500
Registered User
Posts: 143
Joined: Thu Jun 12, 2008 11:35 am
Contact:

Re: Navbar dropdown

by Christian 2.0 » Sun Feb 03, 2013 7:22 pm

Hi :)

In navbar.html, find:

Code: Select all

            <li<!-- IF SCRIPT_NAME eq 'index' --> class="active"<!-- ENDIF -->>
                <a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />{L_INDEX}</a>
            </li>

Replace with:

Code: Select all

            <li<!-- IF SCRIPT_NAME eq 'index' --> class="active"<!-- ENDIF -->>
                <a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/nav-home.png" width="16" height="16" alt="" />{L_INDEX}</a>
                <div style="clear: both;"></div>
                <ul class="drop">
                   <li><a href="#">Drop item 1111111</a></li>
                    <li><a href="#">Drop item 2222222</a></li>
                    <li><a href="#">Drop item 33333333</a></li>
                    <li><a href="#">Drop item 44444444</a></li>
                    <li><a href="#">Drop item 555555555555</a></li>
                </ul>
            </li>

You've got to make the link content pretty long, otherwise the menu screws up. This is something I'll be fixing in the next release.
User avatar
Christian 2.0
Former Team Member
Posts: 4555
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: Navbar dropdown

by gt500 » Tue Feb 05, 2013 9:57 am

Christian,

Thats where i was going wrong as i was using small names.
by using a smaller name i kept getting syntax errors. very strange.

But in saying that you are a champion, and i thank you for your time and effort,
Much appreciated.

Thanks again
Gt
gt500
Registered User
Posts: 143
Joined: Thu Jun 12, 2008 11:35 am
Contact: