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.

Navigation TOP of the banner

4 posters

Go down

Navigation TOP of the banner Empty Navigation TOP of the banner

Post by admerbakud May 19th 2011, 10:04 am

Hello anybody could help me on how to put my navigation to the of my banner? I'm using PunBB.

here's my CSS

Spoiler:
admerbakud
admerbakud
Forumember

Male Posts : 70
Reputation : 0
Language : English

http://unskilled.biz

Back to top Go down

Navigation TOP of the banner Empty Re: Navigation TOP of the banner

Post by Stephen- May 19th 2011, 11:21 am

do you mean how to put the code ?
Stephen-
Stephen-
Hyperactive

Male Posts : 2542
Reputation : 326
Language :

Back to top Go down

Navigation TOP of the banner Empty Re: Navigation TOP of the banner

Post by Nera. May 19th 2011, 11:46 am

For punBB do this to move the navigations up.
Step 1.
Find this in your CSS and replace XY. Add margin-top if you don't have it.
Code:
#pun-navlinks ul { 
margin-top: -XYpx;
}
That will move navigations up.

Step 2.
Then the whole forum will go up. To lower it then find this in your CSS and replace XY.
Code:
#pun-head #pun-navlinks {
height: XYpx;
}

And your navigations will be up.
Nera.
Nera.
Energetic

Female Posts : 7078
Reputation : 2017
Language : English
Location : -

Back to top Go down

Navigation TOP of the banner Empty Re: Navigation TOP of the banner

Post by admerbakud May 19th 2011, 1:54 pm

Nera. wrote:For punBB do this to move the navigations up.
Step 1.
Find this in your CSS and replace XY. Add margin-top if you don't have it.
Code:
#pun-navlinks ul { 
margin-top: -XYpx;
}
That will move navigations up.

Step 2.
Then the whole forum will go up. To lower it then find this in your CSS and replace XY.
Code:
#pun-head #pun-navlinks {
height: XYpx;
}

And your navigations will be up.



I tried to use the code, but it doesn't effect.

Navigation TOP of the banner 1_bmp11
admerbakud
admerbakud
Forumember

Male Posts : 70
Reputation : 0
Language : English

http://unskilled.biz

Back to top Go down

Navigation TOP of the banner Empty Re: Navigation TOP of the banner

Post by Gangstar15 May 19th 2011, 2:07 pm

Why not from the templates Smile
ACP - Display - Templates - General - Overall-header:
Find + Cut:
Code:
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>
Then paste it above:
Code:
<div id="pun-intro" class="clearfix">

Edit: Sorry, you want it above the banner or on it? :=)
Gangstar15
Gangstar15
Forumember

Female Posts : 392
Reputation : 163

http://www.designdrops.net/

Back to top Go down

Navigation TOP of the banner Empty Re: Navigation TOP of the banner

Post by admerbakud May 20th 2011, 8:44 am

Gangstar15 wrote:Why not from the templates Smile
ACP - Display - Templates - General - Overall-header:
Find + Cut:
Code:
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>
Then paste it above:
Code:
<div id="pun-intro" class="clearfix">

Edit: Sorry, you want it above the banner or on it? :=)


I tried it, as you could see on the Screen this is my forum shows.
Navigation TOP of the banner 110
admerbakud
admerbakud
Forumember

Male Posts : 70
Reputation : 0
Language : English

http://unskilled.biz

Back to top Go down

Back to top

- Similar topics

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