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 put floating menu in CSS

4 posters

Go down

How to put floating menu in CSS Empty How to put floating menu in CSS

Post by anakonda August 11th 2009, 10:02 am

Hello,

Is it possible to put floating menu in CSS somehow? I have forum in phpBB 3.
Please forgive me my lack of knowless in this matter and give me the instructions IN A SIMPLE WAY

Many thanks for all replies. scratch
anakonda
anakonda
Forumember

Female Posts : 25
Reputation : 0
Language : English/Polish

View user profile

Back to top Go down

How to put floating menu in CSS Empty Re: How to put floating menu in CSS

Post by ankillien August 11th 2009, 10:12 am

Hello,

How you want the menu to be?
Having text links or image inks on it?

What you mean by 'floating'?
One that moves as the page scrolls, right?
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

View user profile

Back to top Go down

How to put floating menu in CSS Empty Re: How to put floating menu in CSS

Post by anakonda August 11th 2009, 10:23 am

Something like here

Please help.
anakonda
anakonda
Forumember

Female Posts : 25
Reputation : 0
Language : English/Polish

View user profile

Back to top Go down

How to put floating menu in CSS Empty Re: How to put floating menu in CSS

Post by xxtop August 11th 2009, 10:39 am

i think you are referring to a drop down list, in the nav bars?
xxtop
xxtop
Forumember

Male Posts : 109
Reputation : 0
Language : English, Filipino
Location : Manila, Philippines

View user profile http://one2studios.forum.st

Back to top Go down

How to put floating menu in CSS Empty Re: How to put floating menu in CSS

Post by anakonda August 11th 2009, 10:43 am

yes !!!
sorry for misunderstanding

any ideas?
anakonda
anakonda
Forumember

Female Posts : 25
Reputation : 0
Language : English/Polish

View user profile

Back to top Go down

How to put floating menu in CSS Empty Re: How to put floating menu in CSS

Post by ankillien August 11th 2009, 5:35 pm

Oh! Well, you can't make drop down for standard nav bar of forum.
You can of course put an additional nav bar.
ankillien
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

View user profile

Back to top Go down

How to put floating menu in CSS Empty Re: How to put floating menu in CSS

Post by anakonda August 11th 2009, 10:16 pm

This is what I thought but had to make sure.
You're the best, thank you.
anakonda
anakonda
Forumember

Female Posts : 25
Reputation : 0
Language : English/Polish

View user profile

Back to top Go down

How to put floating menu in CSS Empty Re: How to put floating menu in CSS

Post by RoNo August 11th 2009, 10:40 pm

You could try this *Drop down menu for an Html page.
I have an example "help.forumotion links" version *here

Using this
Code:
<html>
<head>

<style>
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:blue}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>

</head>


<body background="http://i85.photobucket.com/albums/k57/RoNo1/bg_space.jpg">
<link rel="shortcut icon" href="http://i85.photobucket.com/albums/k57/RoNo1/graphics.png">
<style>
body {
background-repeat: repeat }; </style>


<// Title //>
<center><h3><font color="white">help.forumotion links</font></h3>



<center><table width="450px">
<tr bgcolor="gold">



<// Category 1 //>

<td onmouseover="showmenu('About Forumotion')" onmouseout="hidemenu('About Forumotion')">
<a href="http://help.forumotion.com/forum.htm">About Forumotion</a><br />
<table class="menu" id="About Forumotion" width="120">

<tr><td class="menu"><a href="http://help.forumotion.com/rules-important-points-f10//">Rules & important points</a></td></tr>
 
<tr><td class="menu"><a href="http://help.forumotion.com/FAQ-c5/-f39/Frequently-Asked-Questions-f5/List-of-all-the-FAQ-s-topics-t478.htm">Frequently Asked Questions</a></td></tr>
 
<tr><td class="menu"><a href="http://help.forumotion.com/updates-and-new-features-f1/">Announcements / Updates</a></td></tr>
 
<tr><td class="menu"><a href="http://help.forumotion.com/Tricks-tips-f32/">Tricks & tips</a></td></tr>
</table>
</td>



<// Category 2 //>

<td onmouseover="showmenu('Support Forum')" onmouseout="hidemenu('Support Forum')">
<a href="http://help.forumotion.com/forum.htm">Support Forum</a><br />

<table class="menu" id="Support Forum" width="120">
<tr><td class="menu"><a href="http://help.forumotion.com/connection-problems-f42/">Connection problems</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/script-code-problems-f43/">Script (code) problems</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/administration-panel-credits-and-domain-names-problems-f44/">Administration panel, credits and domain names problems</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/manage-the-appearance-of-your-forum-f45/">Manage the appearance of your forum</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/other-problems-f46/">Other problems</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/need-of-a-technician-f3/">Need of a technician ?</a></td></tr>
</table>
</td>



<// Category 3 //>

<td onmouseover="showmenu('Other Services')" onmouseout="hidemenu('Other Services')">
<a href="http://help.forumotion.com/forum.htm">Other Services</a><br />
<table class="menu" id="Other Services" width="120">

<tr><td class="menu"><a href="http://help.forumotion.com/hitskincom-support-f48/">Hitskin.com support</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/graphic-design-section-f6/">Graphic design section</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/forum-reviews-f60/">Forum Reviews</a></td></tr>
</table>
</td>



<// Category 4 //>

<td onmouseover="showmenu('Miscellaneous')" onmouseout="hidemenu('Miscellaneous')">
<a href="http://help.forumotion.com/forum.htm">Miscellaneous</a><br />

<table class="menu" id="Miscellaneous" width="120">
<tr><td class="menu"><a href="http://help.forumotion.com/suggestion-section-f29/">Suggestion section</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/forum-promotion-forumotions-only-f12/">Forum promotion (Forumotions only)</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/general-discussions-f7/">General Discussions</a></td></tr>

<tr><td class="menu"><a href="http://help.forumotion.com/garbage-f4/">Garbage</a></td></tr>
</table>
</td>



</tr>
</table>

</body>
</html>
Or experiment with the drop down menu code & try it elsewhere.
RoNo
RoNo
Active Poster

Male Posts : 1270
Reputation : 135
Language : English
Location : Laguna Beach, California

View user profile http://bf2mercenaries.forumotion.com/

Back to top Go down

Back to top

- Similar topics

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