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.

How to add a top hovering Option Menu

3 posters

Go down

In progress How to add a top hovering Option Menu

Post by DarkBlade October 14th 2011, 11:03 pm

How to add a top hovering Option Menu Hep10

I would like this hovering at the top of the page. If you know How I would love to hear your thoughts Smile
avatar
DarkBlade
Forumember

Posts : 206
Reputation : 14
Language : English

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by LGforum October 14th 2011, 11:05 pm

Its easy. First you'll need to make the HTML code for it.
And making sure it has an ID.

Then in the CSS you set its position to fixed, and top position to 0.

So for example you give it the ID of 'topnavbar'

css would be:
#topnavbar {
position: fixed;
top: 0px;
}
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by DarkBlade October 14th 2011, 11:06 pm

How do I make the code?
avatar
DarkBlade
Forumember

Posts : 206
Reputation : 14
Language : English

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by Nera. October 14th 2011, 11:19 pm

Hi DarkBlade,

Do you already have a menu and need only the hover or you need the whole HTML & CSS for it? If you have it already please post a link to it.
Nera.
Nera.
Energetic

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

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by DarkBlade October 14th 2011, 11:23 pm

I need the whole thing :/ sorry if this is a trouble.
avatar
DarkBlade
Forumember

Posts : 206
Reputation : 14
Language : English

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by Nera. October 14th 2011, 11:54 pm

It is not a trouble but I can not make photos and colors for you for the whole navbar since you know the best what you want. You can find one online and I'll show you how to add it and put it on top.

Example: You have some here
http://www.cssportal.com/css-menu-generator/

This is my forum http://movingagain.forumcroatian.com/forum
I took one from there and added it up. Just an example.
Nera.
Nera.
Energetic

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

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by Nera. October 15th 2011, 10:01 am

Reideem I think he wants a whole new absolute positioned navi.
I need the whole thing
Nera.
Nera.
Energetic

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

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by DarkBlade October 15th 2011, 7:26 pm

Thanks so Ive got the HTML code, where do I put it, and whats the next step into this?
avatar
DarkBlade
Forumember

Posts : 206
Reputation : 14
Language : English

Back to top Go down

In progress Re: How to add a top hovering Option Menu

Post by Nera. October 15th 2011, 10:01 pm

Add the HTML to AP > Display > Homepage > Generalities and the CSS you got with it to your CSS and than show me where you added it and I'll show you how to put it on top and get the hover you want.
Nera.
Nera.
Energetic

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

Back to top Go down

Back to top


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