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 PlanetStyles.net » 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.
🚀 Premium phpBB StylesPremium phpBB 3.3 StylesphpBB sidebar Extension
Previously known as Christian 2.0
User avatar
PlanetStyles.net
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: