Put Navigation Bar at top of page?

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?
avatar
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
avatar
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;
}
avatar
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?
avatar
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
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
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.
avatar
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;
    }
avatar
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

avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Back to top


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