Navbar on top
5 posters
Page 1 of 1
Re: Navbar on top
Phbb2petros_7 wrote:kalispera gianni
What page version is not know if can be done at all
Kalispera petro
Re: Navbar on top
Hi,
Is that a floating nav or the custom nav? Post a link to that page.
Is that a floating nav or the custom nav? Post a link to that page.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Navbar on top
γεια σου γιαννη σε ειδα και στο thegreeksenergy!
nike1600- Forumember
- Posts : 155
Reputation : 2
Location : Somewhere in the ocean
Re: Navbar on top
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
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Navbar on top
nike1600 wrote:γεια σου γιαννη σε ειδα και στο thegreeksenergy!
Hey nick
@Nera
http://op-new-genesis-v2.forumgratuit.org/
Re: Navbar on top
You can use this for example in AP > General > Annonouncments or AP > Display > Homepage > Message content
And than stylize it with CSS.
- 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
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Navbar on top
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..
Re: Navbar on top
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
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Navbar on top
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
The #menu is the Css navbar container then #nav is your Css for your navbar put the css in: Display/Colors/CSS stylesheet
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
Hope this works
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
- 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
Similar topics
» Problem getting PM Navbar button onto my navbar
» Generated Navbar To List Navbar
» Navbar
» Navbar help
» Help with navbar
» Generated Navbar To List Navbar
» Navbar
» Navbar help
» Help with navbar
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum