creating a second navbar Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    creating a second navbar

    niquon715
    niquon715
    Forumember


    Posts : 83
    Reputation : 10
    Language : english

    Solved creating a second navbar

    Post by niquon715 December 30th 2014, 4:49 am

    i want a 2nd navbar directly under the one i already have i know th coding is on this site somewhere but i can't find it


    Last edited by niquon715 on December 30th 2014, 7:02 am; edited 1 time in total
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: creating a second navbar

    Post by Ange Tuteur December 30th 2014, 5:20 am

    Hey @niquon715,

    You can add additional links or navs via Display > Templates > General > overall_header

    Just find {GENERATED_NAV_BAR} and add whatever you want after it.
    niquon715
    niquon715
    Forumember


    Posts : 83
    Reputation : 10
    Language : english

    Solved Re: creating a second navbar

    Post by niquon715 December 30th 2014, 5:26 am

    that creates additional links to my current navbar i wanted a seperate navbar under my existing one 
    i remember the tutorial made me paste something into the homepage message
    _Twisted_Mods_
    _Twisted_Mods_
    Helper
    Helper


    Male Posts : 2083
    Reputation : 336
    Language : English
    Location : Ms

    Solved Re: creating a second navbar

    Post by _Twisted_Mods_ December 30th 2014, 5:39 am

    Code:
    <ul class="linklist navlinks" style="margin-bottom: 40px;">
    code between
    </ul>

    for every link you want to add it where says code between


    Code:
    <li><a href="urltolink">title off link</a></li>

    also where it says the title you can replace with image


    Code:
    <img id="id-to-style-with-css" src="url to the image" alt="title" title="Home" border="0" hspace="2">
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: creating a second navbar

    Post by Ange Tuteur December 30th 2014, 5:43 am

    Twisted's should work. I forgot to mention that you should add a <br> or use a block-level element like a <div> to put the new navigation on a new line below the generated nav.
    niquon715
    niquon715
    Forumember


    Posts : 83
    Reputation : 10
    Language : english

    Solved Re: creating a second navbar

    Post by niquon715 December 30th 2014, 5:49 am

    http://celestialdragonz.forumotion.com/forum

    https://i.imgur.com/gTCb4Xc.png

    everything so far has just been adding links to the current navbar unless im doing it wrong.
    all i want is to seperate navbars one under the original

    edit; https://i.imgur.com/Wra8WgL.png results
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: creating a second navbar

    Post by Ange Tuteur December 30th 2014, 5:55 am

    Alright, you're phpbb3. Find the navbar in it's entirety :
    Code:
          <div class="navbar">
             <div class="inner"><span class="corners-top"><span></span></span>

             <ul class="linklist navlinks{NAVBAR_BORDERLESS}">
             <li>{GENERATED_NAV_BAR}</li>
             </ul>

             <!-- BEGIN switch_search_box -->
             <div id="search-box">
                <form method="get" action="{ACTION_SEARCH}" id="search">
                   <p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
                   {JS_SESSION_ID_INPUT}
                   <input class="button2" type="submit" value="{L_SEARCH}" /></p>
                </form>
             </div>
             <!-- END switch_search_box -->

             <span class="corners-bottom"><span></span></span></div>
          </div>

    Then place the content you want after it. Like :
    Code:
    <div id="subnav">
      <a href="/rss">rss</a>
      <a href="/robots.txt">robots</a>
    </div>
    niquon715
    niquon715
    Forumember


    Posts : 83
    Reputation : 10
    Language : english

    Solved Re: creating a second navbar

    Post by niquon715 December 30th 2014, 6:05 am

    https://i.imgur.com/MBlI0V7.png it works but it messes up alot of othe stuff im going to take out the seach bar and some other stuff to see if it works

    edit: this is closest i got https://i.imgur.com/zKt180I.png but theres something in the coding that messes up everything around it

    https://i.imgur.com/QjezAZr.png figured it out now all i need to do is get rid of that wierd spacing under it

    edit: all i had to do was change the margin bottom to 0
    Base
    Base
    Forumaster


    Male Posts : 10383
    Reputation : 1695
    Language : English and French
    Location : United Kingdom, England

    Solved Re: creating a second navbar

    Post by Base December 30th 2014, 12:20 pm

    Since this topic has been marked as solved, I will archive it.