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.

Menu floating on the top of the forum

View previous topic View next topic Go down

Solved Menu floating on the top of the forum

Post by Roxanne S. on December 2nd 2011, 12:46 pm

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

Roxanne S.
Forumember

Female Posts : 82
Reputation : 4
Language : English, Filipino, Japanese
Location : Binan, Laguna, Philippines

http://anime-showdown.forumtl.com/

Back to top Go down

Solved Re: Menu floating on the top of the forum

Post by Nera. on December 2nd 2011, 12:55 pm

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.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Menu floating on the top of the forum

Post by Roxanne S. on December 2nd 2011, 1:07 pm

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!

Roxanne S.
Forumember

Female Posts : 82
Reputation : 4
Language : English, Filipino, Japanese
Location : Binan, Laguna, Philippines

http://anime-showdown.forumtl.com/

Back to top Go down

Solved Re: Menu floating on the top of the forum

Post by Nera. on December 2nd 2011, 1:13 pm

Topic Solved & Locked

Nera.
Energetic

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

http://webartzforum.com

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