Menu floating on the top of the forum

Roxanne S. at 12h46
02
Dec
2011
I know I've already created a Floating Menu Thread but that lacked more design. Right now, can anyone tell me the code for a floating menu from this site?

I have already viewed their source but it made my head explode! I'm not used to CSS, I only do basic HTML for this time. So can anyone help?

Thanks in advance for the replies!! Wink
1 Nera., on 02/12/2011 at 12h55
Hi Roxanne,

It's just a fixed position menu. You can find any CSS menu online and position it like that on top. If you add this to for example AP > Display > Homepage > Message content, you'll see it float on the top.

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">

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

</p>

</div>


You need to change my forum link in it to have it function on yours or replace the links with what ever you want to be found there.

Than you customise it with CSS to have it look like you want.

The easiest would be to find a menu online and just add this as it's property position: fixed; and that will make it float on top + top: 0px.
2 Roxanne S., on 02/12/2011 at 13h07
Oh, thanks for making it simple for me! At first it didn't work but when I did some modifications, it worked! Thanks!

This thread is now solved!
3 Nera., on 02/12/2011 at 13h13
Topic Solved & Locked
Similar topics
Hello! I've seen this topic by NuritZur and also this reply from Nera. My question is: How can I make this work? Well, yeah, Nera said to put it in the homebox and put the other one in the CSS, but where is this "Homebox" she's speaking
Hi I Try to add floating menu to my forum I try the tutorial /t55169-how-to-make-a-floating-menu. but it not showing up. can same one help me?
Hi all so i tried to make individual buttons move when hovered over with a mouse, but all i could do is making the entire menu move. These are the css codes i have: Code:ul.floating-menu {     left: 25px;     padding:
See also
more_less
Informations

3 Replies For the topic :
"Menu floating on the top of the forum"

This topic has been viewed 491 times.

Last message :
02/12/2011 at 12h46 by "Roxanne S."