The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Put Navigation Bar at top of page?

View previous topic View next topic Go down

Solved Put Navigation Bar at top of page?

Post by 102 on June 30th 2010, 11:40 pm

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

102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by ankillien on July 1st 2010, 3:46 am

Hello,

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

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by 102 on July 1st 2010, 2:11 pm


102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by ankillien on July 1st 2010, 4:09 pm

Thanks Very Happy

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 Very Happy

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by 102 on July 1st 2010, 4:58 pm

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?

102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by ankillien on July 1st 2010, 5:03 pm

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;
}

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by 102 on July 1st 2010, 5:18 pm

Could this be going down the screen instead of across?

102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by ankillien on July 1st 2010, 6:05 pm

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

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by 102 on July 1st 2010, 6:08 pm

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

102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by 102 on July 1st 2010, 10:07 pm

Bump.

102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by Sanket on July 1st 2010, 10:08 pm

May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button) Wink

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by ankillien on July 2nd 2010, 4:18 am

I don't think it is possible with phpBB2.

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by 102 on July 2nd 2010, 1:51 pm

@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?

102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by ankillien on July 2nd 2010, 2:26 pm

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;
    }

ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by 102 on July 2nd 2010, 5:06 pm

Thanks,I'm all set!

102
Forumember

Posts : 59
Reputation : 0
Language : English

Back to top Go down

Solved Re: Put Navigation Bar at top of page?

Post by Sanket on July 2nd 2010, 6:37 pm

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


Sanket Smile


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum