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.

Navbar on top

View previous topic View next topic Go down

In progress Navbar on top

Post by giannismoll7 on January 21st 2012, 3:24 pm



Anyone knows how to put a navbar in top of the forum?

giannismoll7
Forumember

Male Posts : 234
Reputation : 0
Language : Greek,Albanian and some english
Location : Greece,Athens

http://www.onepiecegr-rpg.com/forum.htm

Back to top Go down

In progress Re: Navbar on top

Post by petros_7 on January 21st 2012, 3:32 pm

kalispera gianni

What page version is not know if can be done at all

petros_7
Forumember

Male Posts : 341
Reputation : 2
Language : Greek
Location : Greece

http://www.thegreeksenergy.com/forum

Back to top Go down

In progress Re: Navbar on top

Post by giannismoll7 on January 21st 2012, 3:37 pm

@petros_7 wrote:kalispera gianni

What page version is not know if can be done at all
Phbb2

Kalispera petro Smile

giannismoll7
Forumember

Male Posts : 234
Reputation : 0
Language : Greek,Albanian and some english
Location : Greece,Athens

http://www.onepiecegr-rpg.com/forum.htm

Back to top Go down

In progress Re: Navbar on top

Post by Nera. on January 21st 2012, 9:47 pm

Hi,

Is that a floating nav or the custom nav? Post a link to that page.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Navbar on top

Post by nike1600 on January 21st 2012, 10:03 pm

γεια σου γιαννη σε ειδα και στο thegreeksenergy!

nike1600
Forumember

Male Posts : 155
Reputation : 2
Location : Somewhere in the ocean

Back to top Go down

In progress Re: Navbar on top

Post by Nera. on January 21st 2012, 10:04 pm

@nike1600 wrote:γεια σου γιαννη σε ειδα και στο thegreeksenergy!

Please speak English as this is a English Support Forum. If you need support in another language please look at the widget to the right that says Official Support Forums.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Navbar on top

Post by giannismoll7 on January 21st 2012, 10:36 pm

@nike1600 wrote:γεια σου γιαννη σε ειδα και στο thegreeksenergy!

Hey nick Smile

@Nera

http://op-new-genesis-v2.forumgratuit.org/

giannismoll7
Forumember

Male Posts : 234
Reputation : 0
Language : Greek,Albanian and some english
Location : Greece,Athens

http://www.onepiecegr-rpg.com/forum.htm

Back to top Go down

In progress Re: Navbar on top

Post by Nera. on January 21st 2012, 10:42 pm

You can use this for example in AP > General > Annonouncments or AP > Display > Homepage > Message content

Code:
<div id="myheader" style="height: 25px;  position: fixed;
        width: 999px;
      top: 0;
        right: 0;
margin: 0 auto;
        bottom: 0;
        left: 0;" ><p align="center">
 

<A href="http://FORUMLINK.COM/forum">Forums |</A>
<A href="http://FORUMLINK.COM/faq"> FAQ |</A>
<A href="http://FORUMLINK.COM/search"> Search |</A>
<A href="http://FORUMLINK.COM/memberlist"> Members |</A>
<A href="http://FORUMLINK.COM/groups"> Groups |</A>
<A href="http://FORUMLINK.COM/profile?mode=editprofile"> Profile |</A>
<A href="http://FORUMLINK.COM/privmsg?folder=inbox"> Mail |</A>
<A href="http://FORUMLINK.COM/login?logout=1"> Log out</A>

 
</p>
 
</div>

And than stylize it with CSS.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Navbar on top

Post by giannismoll7 on January 21st 2012, 11:43 pm

@Nera. wrote:You can use this for example in AP > General > Annonouncments or AP > Display > Homepage > Message content

Code:
<div id="myheader" style="height: 25px;  position: fixed;
        width: 999px;
      top: 0;
        right: 0;
margin: 0 auto;
        bottom: 0;
        left: 0;" ><p align="center">
 

<A href="http://FORUMLINK.COM/forum">Forums |</A>
<A href="http://FORUMLINK.COM/faq"> FAQ |</A>
<A href="http://FORUMLINK.COM/search"> Search |</A>
<A href="http://FORUMLINK.COM/memberlist"> Members |</A>
<A href="http://FORUMLINK.COM/groups"> Groups |</A>
<A href="http://FORUMLINK.COM/profile?mode=editprofile"> Profile |</A>
<A href="http://FORUMLINK.COM/privmsg?folder=inbox"> Mail |</A>
<A href="http://FORUMLINK.COM/login?logout=1"> Log out</A>

 
</p>
 
</div>

And than stylize it with CSS.

ty but i dont know how to stylize it with css..

giannismoll7
Forumember

Male Posts : 234
Reputation : 0
Language : Greek,Albanian and some english
Location : Greece,Athens

http://www.onepiecegr-rpg.com/forum.htm

Back to top Go down

In progress Re: Navbar on top

Post by Nera. on January 22nd 2012, 8:16 am

Find some free navigation online already customised, something like this ( http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php ) and we'll tell you how to put it up. I can't give you the exact code from that site, that would not be right.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: Navbar on top

Post by nutsonlizards on January 22nd 2012, 1:42 pm

Here another way this can be done I used a simple custom navbar for example but you can add any type of navbar as long as you add Menu container Smile


The #menu is the Css navbar container then #nav is your Css for your navbar put the css in: Display/Colors/CSS stylesheet
Code:
#menu {
   width: 100%;
   height:40px;
   margin: 0px auto;
   padding: 0px;
        position:fixed;
        top:0px;
        left:0px;
}
#nav {
   width: 100%;
   float: left;
   margin: 0 0 3em 0;
   padding: 0;
   list-style: none;
   background-color: #f2f2f2;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ccc; }
#nav li {
   float: left; }
#nav li a {
   display: block;
   padding: 8px 15px;
   text-decoration: none;
   font-weight: bold;
   color: #069;
   border-right: 1px solid #ccc; }
#nav li a:hover {
   color: #c00;
   background-color: #fff; }

}

And below is the html and you can put this just below the <Body> tag in:
Templates/General/overall_header dont forget once you save to hit the Plus icon to add the change of template Smile
Code:
<div id="menu">
<ul id="nav">
   <li><a href="Link">Text</a></li>
   <li><a href="Link">Text</a></li>
   <li><a href="Link">Text</a></li>
   <li><a href="Link">Text</a></li>
   <li><a href="Link">Text</a></li>
</ul>
</div>

Hope this works

nutsonlizards
Forumember

Posts : 59
Reputation : 14
Language : London

http://www.redneckherpsforum.com/forum

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