Put Navigation Bar at top of page?

Is it possible to put the Nav. bar above the banner on every Page? Or Connect the Nav Bar to the Banner?

Hello,

Yes, it can be done. Can you provide a link to your forum so that I can gice you more guidelines?

Thanks

Please navigate to Admin PC > Display > Templates > General > overall_header_new

Find this code in the template...

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Cut it from there and find this code...

Code:

<td class="bodyline">

Paste that code right after the above code.

Now save the template and publish it. See if it works

I tried this, and didn't really like it. Is there a way for the Nav. Bar to scroll WITH the browser,on the side of the screen, so it is always on the screen?

In the same template, find this code...

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

Replace it with this one...

Code:

<table id="scroll-nav-bar" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

Now, navigate to Admin CP > Display > Colors > CSS
Add this code there...

Code:

#scroll-nav-bar {
position : fixed;
top : 0px; left : 20px;
padding : 5px;
background : WHITE;
border : 1px solid black;
}

Could this be going down the screen instead of across?

Sorry, I don't get what you mean.
You want to place the navbar on bottom?

I
w
a
n
t
t
h
e
b
a
r
2
g
o
l
i
k
e
t
h
i
s

Bump.

I don't think it is possible with phpBB2.

ankillien wrote:I don't think it is possible with phpBB2.

Ok, But could I put the scrolling one on the Bottom of the browser?

In your CSS, replace this code...

Code:

    #scroll-nav-bar {
    position : fixed;
    top : 0px; left : 20px;
    padding : 5px;
    background : WHITE;
    border : 1px solid black;
    }

with this one...

Code:

    #scroll-nav-bar {
    position : fixed;
    bottom : 0px; left : 20px;
    padding : 5px;
    background : WHITE;
    border : 1px solid black;
    }

Thanks,I'm all set!

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket