~ Add Links To Pop-Up Menu In Header ~

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • HeWatchesOverUs
    Member
    • Aug 2009
    • 38
    • 3.8.x

    ~ Add Links To Pop-Up Menu In Header ~

    I'm looking to see how to add more links to the Pop-Up Menu's in the Header.


    Ex: Community has links
    • Social Groups
    • Pictures & Albums
    • Contacts & Friends
    • Members List
    I want to be able to add more to the FAQ so that I would also be able to put pop-up menu in there to be able to go to my Forum Rules, Privacy Policy, and Terms Of Service which I have already created and put on the footer.


    Ex: FAQ
    • Forum Rules
    • Privacy Policy
    • Terms Of Service
    It's so members would have the ability to be either at the top or bottom of my forum and have the ability to just click to it easy if needed.

    Any help on this issue would be great. Thank you in advance for any help given!
  • Chimpie
    Senior Member
    • Nov 2007
    • 292
    • 3.8.x

    #2
    You have to customize your Navbar to do this.

    AdminCP > Styles & Templates > Style Manager > Click the <<>> next to the style you're using > Navigation / Breadcrumb Templates (double click) > navbar
    CHIMPIE | SKYWARN | EMTLIFE

    Comment

    • HeWatchesOverUs
      Member
      • Aug 2009
      • 38
      • 3.8.x

      #3
      Thanks for that little bit of help, but I'm in the "navbar" already trying to figure out what code to use and where to put it. I have searched threads after threads and I was able to add other link on the navbar with dropdown menu but that's not what I wanted.


      I wanted to be able to add it to the existing FAQ link that's already there so that turns into a dropdown with more links.


      Searching through all these links is making my head spin...lol.......problem is that all the threads so far show how to add custom stuff on the way that they created instead of the simple way of adding to a pre-exisitng link.


      So what am I doing? STILL SEARCHING.............

      Comment

      • Chimpie
        Senior Member
        • Nov 2007
        • 292
        • 3.8.x

        #4
        Sending PM.
        CHIMPIE | SKYWARN | EMTLIFE

        Comment

        • cellarius
          Senior Member
          • Aug 2005
          • 4586
          • 3.8.x

          #5
          Well, it's the part that says "Community link menu", surprise surprise

          No, in earnest: This is the code you're looking for in navbar template:
          Code:
              <!-- community link menu -->
              <div class="vbmenu_popup" id="community_menu" style="display:none;margin-top:3px" align="$stylevar[left]">
                  <table cellpadding="4" cellspacing="1" border="0">
                  <tr><td class="thead">$vbphrase[community_links]</td></tr>
                  $template_hook[navbar_community_menu_start]
                  <if condition="$show['quick_links_groups']">
                              <tr><td class="vbmenu_option"><a href="group.php$session[sessionurl_q]">$vbphrase[social_groups]</a></td></tr>
                  </if>
                  <if condition="$show['quick_links_albums']">
                              <tr><td class="vbmenu_option"><a href="album.php$session[sessionurl_q]">$vbphrase[pictures_and_albums]</a></td></tr>
                  </if>
                  <if condition="$bbuserinfo['userid']">
                      <tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=buddylist"><if condition="$show['friends_and_contacts']">$vbphrase[contacts_and_friends]<else />$vbphrase[contacts]</if></a></td></tr>
                  </if>
                  <if condition="$show['memberslist']">
                      <tr><td class="vbmenu_option"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td></tr>
                  </if>
                  $template_hook[navbar_community_menu_end]
                  </table>
              </div>
              <!-- / community link menu -->
          To add another line there add something like
          Code:
                      <tr><td class="vbmenu_option"><a href="LINK_TO_YOUR_PAGE.php$session[sessionurl_q]">YOUR_LINK_DESCRIPTION</a></td></tr>
          above line
          Code:
          $template_hook[navbar_community_menu_end]

          Comment

          • Chimpie
            Senior Member
            • Nov 2007
            • 292
            • 3.8.x

            #6
            He's not wanting to add a link to the Community Drop Down, he's wanting to make his FAQ a drop down.
            CHIMPIE | SKYWARN | EMTLIFE

            Comment

            • cellarius
              Senior Member
              • Aug 2005
              • 4586
              • 3.8.x

              #7
              Aww, my bad.

              For adding custom dropdown menus to navbar there's a tutorial at vb.org:


              Just replace
              Code:
              <td class="vbmenu_control"><a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
              accordingly.

              Comment

              • HeWatchesOverUs
                Member
                • Aug 2009
                • 38
                • 3.8.x

                #8
                Lol.....The link to that thread that you posted is what I have been trying to work off of and keep having issues with it. I have attached a pic of what my issue keeps being. It links to the page that I need which is good, but it just won't add to the FAQ so it becomes a dropdown. I know that I'm missing something probably very little here. Maybe you could assist in this if you wouldn't mind.

                Plus I have tried to add the code to like a box that you have done and I can't figure that out....lol...How do you add code to a box like you have done too? I know, I'm a noob!!
                Attached Files

                Comment

                • HeWatchesOverUs
                  Member
                  • Aug 2009
                  • 38
                  • 3.8.x

                  #9
                  Ok Figured out how to put the code in a box so that you can see what I'm doing wrong.

                  Code:
                   <!-- nav buttons bar -->
                  <div class="tborder" style="padding:$stylevar[cellspacing]px; border-top-width:0px">
                   <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                   <tr align="center">
                    <if condition="$show['member']">
                     <td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
                    </if>
                    <if condition="$show['registerbutton']">
                     <td class="vbmenu_control"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
                    </if>
                    $template_hook[navbar_buttons_left]
                    <td class="vbmenu_control"><a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
                              <tr[COLOR=red]><td class="vbmenu_option"><a href="[/COLOR][URL="http://www.christianforumcafe.com/privacy.php$session[sessionurl_q]">Privacy"][COLOR=red]http://www.christianforumcafe.com/privacy.php$session[sessionurl_q]">Privacy[/COLOR][/URL][COLOR=red] Policy</a>[/COLOR]</td></tr>

                  Comment

                  • Simon Lloyd
                    Senior Member
                    • Apr 2008
                    • 610
                    • 3.7.x

                    #10
                    in the navbar template find
                    PHP Code:
                    <td class="vbmenu_control"><a rel="help" href="faq.php$session[sessionurl_q]accesskey="5">$vbphrase[faq]</a></td
                    and replace it with
                    PHP Code:
                    <td id="custommenu" class="vbmenu_control">
                        <
                    a href="#">FAQ's & Rules</a>
                        <script type="text/javascript">
                            vbmenu_register("custommenu");
                        </script>
                    <div class="vbmenu_popup" id="custommenu_menu" style="display:none">
                    <table cellpadding="4" cellspacing="1" border="0">
                                    <tr>
                                <td class="thead">FAQ'
                    Rules</td>
                            </
                    tr>
                    <
                    tr>
                                <
                    td class="vbmenu_option" title="nohilite">
                    <
                    a rel="help" href="faq.php$session[sessionurl_q]accesskey="5">$vbphrase[faq]</a></td>
                    </
                    td>
                    </
                    tr>
                    <
                    tr>
                                <
                    td class="vbmenu_option" title="nohilite">
                    <
                    a href="http://www.MYSITE.COM/FORUM/RULES">Forum Rules</a></td>
                    </
                    td>
                    <
                    tr
                    dont forget to change the MYSITE...etc for your link.
                    Kind regards,
                    Simon
                    Microsoft Office Discussion

                    Comment

                    • Simon Lloyd
                      Senior Member
                      • Apr 2008
                      • 610
                      • 3.7.x

                      #11
                      it seems i led you astray there, replace the code with this:
                      PHP Code:
                      <td class="vbmenu_control"><a rel="help" href="faq.php$session[sessionurl_q]accesskey="5">$vbphrase[faq]</a></td>
                      <
                      td id="custommenux" class="vbmenu_control">
                          <
                      a href="#">FAQ's & Rules</a>
                          <script type="text/javascript">
                              vbmenu_register("custommenux");
                          </script>
                      <div class="vbmenu_popup" id="custommenux_menu" style="display:none">
                      <table cellpadding="4" cellspacing="1" border="0">
                                      <tr>
                                  <td class="thead">FAQ'
                      Rules</td>
                              </
                      tr>
                      <
                      tr>
                                  <
                      td class="vbmenu_option" title="nohilite">
                      <
                      a rel="help" href="faq.php$session[sessionurl_q]accesskey="5">$vbphrase[faq]</a></td>
                      </
                      td>
                      </
                      tr>
                      <
                      tr>
                                  <
                      td class="vbmenu_option" title="nohilite">
                      <
                      a href="http://www.YOURSITE.com/forum/rules">Forum Rules</a></td>
                      </
                      td></table></div
                      Kind regards,
                      Simon
                      Microsoft Office Discussion

                      Comment

                      • HeWatchesOverUs
                        Member
                        • Aug 2009
                        • 38
                        • 3.8.x

                        #12
                        Woo Woo, Your awesome! I have been working on that for over 3 hours trying to figure it out. Much appreciated that you took the time to help a noob!!!

                        I have one last question if you don't mind. I have added some other links that I wanted to have there as well which they did get in the dropdown menu. Only issue is that they are being put side by side now. I have attached pic so that you can understand what I'm talking about. How do I get them to be all in a row?


                        Code:
                        <td id="custommenux" class="vbmenu_control">
                           <a href="#">FAQ's</a>
                           <script type="text/javascript">
                               vbmenu_register("custommenux");
                           </script>
                        <div class="vbmenu_popup" id="custommenux_menu" style="display:none">
                        <table cellpadding="4" cellspacing="1" border="0">
                                       <tr>
                                   <td class="thead">FAQ's</td>
                               </tr>
                        <tr>
                                   <td class="vbmenu_option" title="nohilite">
                        <a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
                        </td>
                        </tr>
                        <tr>
                                   [COLOR=red]<td class="thead">Miscellaneous</td>[/COLOR]
                        [COLOR=red]    </tr>[/COLOR]
                        [COLOR=red]        <td class="vbmenu_option" title="nohilite">[/COLOR]
                        [COLOR=red]<a href="[/COLOR][URL="http://www.christianforumcafe.com/rules.php">Forum"][COLOR=red]http://www.christianforumcafe.com/rules.php">Forum[/COLOR][/URL][COLOR=red] Rules</a></td>[/COLOR]
                        [COLOR=red]</td>[/COLOR]
                        [COLOR=red]<td class="vbmenu_option" title="nohilite">[/COLOR]
                        [COLOR=red]<a href="[/COLOR][URL="http://www.christianforumcafe.com/privacy.php">Privacy"][COLOR=red]http://www.christianforumcafe.com/privacy.php">Privacy[/COLOR][/URL][COLOR=red] Policy</a></td>[/COLOR]
                        [COLOR=red]</td>[/COLOR]
                        [COLOR=red]<td class="vbmenu_option" title="nohilite">[/COLOR]
                        [COLOR=red]<a href="[/COLOR][URL="http://www.christianforumcafe.com/termsofservice.php">Terms"][COLOR=red]http://www.christianforumcafe.com/termsofservice.php">Terms[/COLOR][/URL][COLOR=red] Of Service</a></td>[/COLOR]
                        [COLOR=red]</td></table></div>[/COLOR]
                        Attached Files

                        Comment

                        • Simon Lloyd
                          Senior Member
                          • Apr 2008
                          • 610
                          • 3.7.x

                          #13
                          try this (not tested):
                          PHP Code:
                          <td id="custommenux" class="vbmenu_control">
                             <
                          a href="#">FAQ's</a>
                             <script type="text/javascript">
                                 vbmenu_register("custommenux");
                             </script>
                          <div class="vbmenu_popup" id="custommenux_menu" style="display:none">
                          <table cellpadding="4" cellspacing="1" border="0">
                                         <tr>
                                     <td class="thead">FAQ'
                          s</td>
                                 </
                          tr>
                          <
                          tr>
                                     <
                          td class="vbmenu_option" title="nohilite">
                          <
                          a rel="help" href="faq.php$session[sessionurl_q]accesskey="5">$vbphrase[faq]</a></td>
                          </
                          td>
                          </
                          tr>
                          <
                          tr>
                                     <
                          td class="thead">Miscellaneous</td>
                              </
                          tr><tr>
                                  <
                          td class="vbmenu_option" title="nohilite">
                          <
                          a href="http://www.christianforumcafe.com/rules.php">Forum Rules</a></td>
                          </
                          td></tr>
                          <
                          tr>
                          <
                          td class="vbmenu_option" title="nohilite">
                          <
                          a href="http://www.christianforumcafe.com/privacy.php">Privacy Policy</a></td>
                          </
                          td>
                          </
                          tr>
                          <
                          tr>
                          <
                          td class="vbmenu_option" title="nohilite">
                          <
                          a href="http://www.christianforumcafe.com/termsofservice.php">Terms Of Service</a></td>
                          </
                          td></tr></table></div
                          Kind regards,
                          Simon
                          Microsoft Office Discussion

                          Comment

                          • cellarius
                            Senior Member
                            • Aug 2005
                            • 4586
                            • 3.8.x

                            #14
                            Replace
                            Code:
                                    <td class="vbmenu_option" title="nohilite">
                            <a href="http://www.christianforumcafe.com/rules.php">Forum Rules</a></td>
                            </td>
                            <td class="vbmenu_option" title="nohilite">
                            <a href="http://www.christianforumcafe.com/privacy.php">Privacy Policy</a></td>
                            </td>
                            <td class="vbmenu_option" title="nohilite">
                            <a href="http://www.christianforumcafe.com/termsofservice.php">Terms Of Service</a></td>
                            </td></table></div>
                            with
                            Code:
                                    <td class="vbmenu_option" title="nohilite">
                            <a href="http://www.christianforumcafe.com/rules.php">Forum Rules</a></td>
                            </t[COLOR=Red]r[/COLOR]>
                            [COLOR=Red]<tr>[/COLOR]
                            <td class="vbmenu_option" title="nohilite">
                            <a href="http://www.christianforumcafe.com/privacy.php">Privacy Policy</a></td>
                            </td>
                            [COLOR=Red]</tr><tr>[/COLOR]
                            <td class="vbmenu_option" title="nohilite">
                            <a href="http://www.christianforumcafe.com/termsofservice.php">Terms Of Service</a></td>
                            </t[COLOR=Red]r[/COLOR]></table></div>
                            Note how you have to start new table rows with </tr><tr>. Watch out for the double </td>'s you have, they need to be </td></tr>.

                            ---
                            Edit: Ah, Simon beat me

                            Comment

                            • HeWatchesOverUs
                              Member
                              • Aug 2009
                              • 38
                              • 3.8.x

                              #15
                              We are good to go!!!

                              I would like to thank both of you for your responses today. You have been very helpful in assisting me with my issue that I had all day today trying to figure this all out...lol...I also see where I went wrong with what I was doing and should be able to create another dropdown menu with no issues this time.

                              Once again, thank you both for your help. You help make a noobs life alittle easier!

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...