Slide Menu in your Forum

[hoangcun]

I made a slide menu in my forum, it works very good. With PHPBB2 forum this menu is very nice. You can make this menu in your homepage message. When members move scroll bar or move their mouse this menu will slide and then member awayls can check all forum very easy. I think may be convenient for all.
Now I show at here a example of slide menu. You can edit links and Title of link to have your menu. If you want to see extractly of slide menu you can check my forum http://mutaxi.forumattivo.com/

Code:

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="140" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" bgcolor="#FFFFCC">
      <p align="center"><b><font size="2">Forumotion Menu</font></b></td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#FFFFFF">
      <p align="left"><a href="http://help.forumotion.com/connection-problems-f42/"><span style="font-size: 13px; line-height: normal">Connection</span></a><br><a href="http://help.forumotion.com/script-code-problems-f43/"><span style="font-size: 13px; line-height: normal">Code problems</span></a><br>
      <a href="http://help.forumotion.com/administration-panel-problems-f44/"><span style="font-size: 13px; line-height: normal">Admin problems</span></a><br>
      <a href="http://help.forumotion.com/manage-the-appearance-of-your-forum-f45/"><span style="font-size: 13px; line-height: normal">Manage your Forum</span></a><br>
      <a href="http://help.forumotion.com/other-problems-f46/"><span style="font-size: 13px; line-height: normal">Other problems</span></a><br><a href="http://help.forumotion.com/need-of-a-technician-f3/"><span style="font-size: 13px; line-height: normal">Need Technician</span></a><br><a href="http://help.forumotion.com/suggestion-section-f29/"><span style="font-size: 13px; line-height: normal">Suggestions</span></a><br><a href="http://help.forumotion.com/graphic-design-section-f6/"><span style="font-size: 13px; line-height: normal">Graphic Design</span></a><br><a href="http://help.forumotion.com/general-discussions-f7/"><span style="font-size: 13px; line-height: normal">General Discussions</span></a></td>
  </tr>
</table>
<!--END OF EDIT-->

</layer>


<script type="text/javascript">

/*
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
   var startX = 3,
   startY = 250;
   var ns = (navigator.appName.indexOf("Netscape") != -1);
   var d = document;
   function ml(id)
   {
      var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=y;};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      el.y -= startY;
      }
      return el;
   }
   window.stayTopLeft=function()
   {
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : document.body.scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
   }
   ftlObj = ml("divStayTopLeft");
   stayTopLeft();
}
JSFX_FloatTopDiv();
</script>






[zinex]

thank you for this, its great, i have modified it to suit my forum and the members are loving it. by the way your script is missing the final > at the bottom, just to let you know before someone says your script is not working! xx

[hoangcun]

thank you for this, its great, i have modified it to suit my forum and the members are loving it. by the way your script is missing the final > at the bottom, just to let you know before someone says your script is not working! xx

Can you tell me extractly about this error. Because beforce I post this code, I tested it in my forum. It works like normal.
Thank you so much

[zinex]

its not an error just the last tag needs closed!

Code:

</script>

[hoangcun]

Ok, Thanks. I edited this code

[Bad Wolf]

i found somthing very similar (PM me if you want the link) // it was more complicated thant this
* wow * nice job !

[Ridder7]

Where i put the code?

[Bad Wolf]

you have to condense it into a .js file then place it into your sites/forum description.

[hoangcun]

Where i put the code?

Paste this code in homepage message

[Ridder7]

Okey thanks

[projectpirates]

its not working its just going to down and stoping there...

[hoangcun]

its not working its just going to down and stoping there...

Check again your edit. It works good

[Raph95]

Thank you sooo mush for this it's great my members will love it very much it fit's my Forum very good!!!

Just can you make some modifications for me? I want to know can it be in the middle of the screen, not so low?

But oh well if u can't this is also very good!!!!

[derrick14]

where do i put that if want it on my forum

[Raph95]

Where i put the code?

Paste this code in homepage message

[nintendopals]

can this thing work with phpbb3

[hitesh]

if i know it not. I think it only look good with PHPBB2 not with 3. phpBB3 is a Professional forum. so dont try on that. it will make it more bad.

[Raph95]

How do I add this into my Portal?

[Extreme_gsxf]

just open a new custom block!

I'm impresed! Thanks, @hoancun! Well done!

[nintendopals]

if i know it not. I think it only look good with PHPBB2 not with 3. phpBB3 is a Professional forum. so dont try on that. it will make it more bad.

okay thanks, i use phpbb3.

[hitesh]

if i know it not. I think it only look good with PHPBB2 not with 3. phpBB3 is a Professional forum. so dont try on that. it will make it more bad.

okay thanks, i use phpbb3.

You are welcome!

[xuanduc]

I made a slide menu in my forum, it works very good. With PHPBB2 forum this menu is very nice. You can make this menu in your homepage message. When members move scroll bar or move their mouse this menu will slide and then member awayls can check all forum very easy. I think may be convenient for all.
Now I show at here a example of slide menu. You can edit links and Title of link to have your menu. If you want to see extractly of slide menu you can check my forum http://mutaxi.forumattivo.com/

Code:

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="140" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" bgcolor="#FFFFCC">
      <p align="center"><b><font size="2">Forumotion Menu</font></b></td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#FFFFFF">
      <p align="left"><a href="http://help.forumotion.com/connection-problems-f42/"><span style="font-size: 13px; line-height: normal">Connection</span></a><br><a href="http://help.forumotion.com/script-code-problems-f43/"><span style="font-size: 13px; line-height: normal">Code problems</span></a><br>
      <a href="http://help.forumotion.com/administration-panel-problems-f44/"><span style="font-size: 13px; line-height: normal">Admin problems</span></a><br>
      <a href="http://help.forumotion.com/manage-the-appearance-of-your-forum-f45/"><span style="font-size: 13px; line-height: normal">Manage your Forum</span></a><br>
      <a href="http://help.forumotion.com/other-problems-f46/"><span style="font-size: 13px; line-height: normal">Other problems</span></a><br><a href="http://help.forumotion.com/need-of-a-technician-f3/"><span style="font-size: 13px; line-height: normal">Need Technician</span></a><br><a href="http://help.forumotion.com/suggestion-section-f29/"><span style="font-size: 13px; line-height: normal">Suggestions</span></a><br><a href="http://help.forumotion.com/graphic-design-section-f6/"><span style="font-size: 13px; line-height: normal">Graphic Design</span></a><br><a href="http://help.forumotion.com/general-discussions-f7/"><span style="font-size: 13px; line-height: normal">General Discussions</span></a></td>
  </tr>
</table>
<!--END OF EDIT-->

</layer>


<script type="text/javascript">

/*
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
   var startX = 3,
   startY = 250;
   var ns = (navigator.appName.indexOf("Netscape") != -1);
   var d = document;
   function ml(id)
   {
      var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=y;};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      el.y -= startY;
      }
      return el;
   }
   window.stayTopLeft=function()
   {
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : document.body.scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
   }
   ftlObj = ml("divStayTopLeft");
   stayTopLeft();
}
JSFX_FloatTopDiv();
</script>






Nó không chạy, anh ơi. Nó cứ đứng yên vậy
-----
it don work
http://a3k43.withme.us

PM Y!M : xuanducvn

[hoangcun]

Because your forum is using PHPBB3 version, this code only works with PHPBB2

[hitesh]

I made a slide menu in my forum, it works very good. With PHPBB2 forum this menu is very nice. You can make this menu in your homepage message. When members move scroll bar or move their mouse this menu will slide and then member awayls can check all forum very easy. I think may be convenient for all.
Now I show at here a example of slide menu. You can edit links and Title of link to have your menu. If you want to see extractly of slide menu you can check my forum http://mutaxi.forumattivo.com/

Code:

<script>
if (!document.layers)
document.write('<div id="divStayTopLeft" style="position:absolute">')
</script>

<layer id="divStayTopLeft">

<!--EDIT BELOW CODE TO YOUR OWN MENU-->
<table border="1" width="140" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" bgcolor="#FFFFCC">
      <p align="center"><b><font size="2">Forumotion Menu</font></b></td>
  </tr>
  <tr>
    <td width="100%" bgcolor="#FFFFFF">
      <p align="left"><a href="http://help.forumotion.com/connection-problems-f42/"><span style="font-size: 13px; line-height: normal">Connection</span></a><br><a href="http://help.forumotion.com/script-code-problems-f43/"><span style="font-size: 13px; line-height: normal">Code problems</span></a><br>
      <a href="http://help.forumotion.com/administration-panel-problems-f44/"><span style="font-size: 13px; line-height: normal">Admin problems</span></a><br>
      <a href="http://help.forumotion.com/manage-the-appearance-of-your-forum-f45/"><span style="font-size: 13px; line-height: normal">Manage your Forum</span></a><br>
      <a href="http://help.forumotion.com/other-problems-f46/"><span style="font-size: 13px; line-height: normal">Other problems</span></a><br><a href="http://help.forumotion.com/need-of-a-technician-f3/"><span style="font-size: 13px; line-height: normal">Need Technician</span></a><br><a href="http://help.forumotion.com/suggestion-section-f29/"><span style="font-size: 13px; line-height: normal">Suggestions</span></a><br><a href="http://help.forumotion.com/graphic-design-section-f6/"><span style="font-size: 13px; line-height: normal">Graphic Design</span></a><br><a href="http://help.forumotion.com/general-discussions-f7/"><span style="font-size: 13px; line-height: normal">General Discussions</span></a></td>
  </tr>
</table>
<!--END OF EDIT-->

</layer>


<script type="text/javascript">

/*
Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
*/

//Enter "frombottom" or "fromtop"
var verticalpos="frombottom"

if (!document.layers)
document.write('</div>')

function JSFX_FloatTopDiv()
{
   var startX = 3,
   startY = 250;
   var ns = (navigator.appName.indexOf("Netscape") != -1);
   var d = document;
   function ml(id)
   {
      var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x;this.style.top=y;};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      el.y -= startY;
      }
      return el;
   }
   window.stayTopLeft=function()
   {
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : document.body.scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
   }
   ftlObj = ml("divStayTopLeft");
   stayTopLeft();
}
JSFX_FloatTopDiv();
</script>






Nó không chạy, anh ơi. Nó cứ đứng yên vậy
-----
it don work
http://a3k43.withme.us

PM Y!M : xuanducvn

Only use English. All wants to get solve your problem.

I have told. This will look better only in phpBB2 not in phpBB3. And my above friend told that it will not work in phpBB3.


So let leave it if u want new version.

[final fantasy]

Just wanna ask ,how to set this slide menu accessable only for registered forum members?

[hitesh]

Just wanna ask ,how to set this slide menu accessable only for registered forum members?

It is impossible.

[final fantasy]

oh! really? thanks for answering by the way.

[Tricky]

I'm having a little problem, I have edited it around and tried putting it in my homepage message, it shows the code that makes it move. Otherwise, it stays in the homepage message and will not move. If I wanted that I would just make it myself. Anything that I edited wrong in this code?

Code:

<scripthtml>if (!document.layers)document.write('<div id="divStayTopLeft" style="position:absolute">')</scripthtml><layer id="divStayTopLeft"><!--EDIT BELOW CODE TO YOUR OWN MENU--><table border="1" width="140" cellspacing="0" cellpadding="0">  <tr>    <td width="100%" bgcolor="#024E9C">      <p align="center"><b><font size="2">Navigation</font></b></td>  </tr>  <tr>    <td width="100%" bgcolor="#47A2FF">      <p align="left"><a href="http://snowfort.forumotion.com/index.htm"><span style="font-size: 13px; line-height: normal">Forum</span></a><br><a href="http://snowfort.forumotion.com/calendar.forum"><span style="font-size: 13px; line-height: normal">Calendar</span></a><br>      <a href="http://snowfort.forumotion.com/gallery/index.htm"><span style="font-size: 13px; line-height: normal">Gallery</span></a><br>      <a href="http://snowfort.forumotion.com/Chat-h2.htm"><span style="font-size: 13px; line-height: normal">Chat Box</span></a><br>      <a href="http://snowfort.forumotion.com/faq.htm"><span style="font-size: 13px; line-height: normal">FAQ</span></a><br><a href="http://snowfort.forumotion.com/search.forum"><span style="font-size: 13px; line-height: normal">Search</span></a><br><a href="http://snowfort.forumotion.com/memberlist.forum"><span style="font-size: 13px; line-height: normal">Members</span></a><br><a href="http://snowfort.forumotion.com/groupcp.forum"><span style="font-size: 13px; line-height: normal">Groups</span></a><br><a href="http://snowfort.forumotion.com/profile.forum?mode=editprofile"><span style="font-size: 13px; line-height: normal">Profile</span></a></td>  </tr></table><!--END OF EDIT--></layer><scripthtml type="text/javascript">/*Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)Script featured on/available at http://www.dynamicdrive.com/This notice must stay intact for use*///Enter "frombottom" or "fromtop"var verticalpos="frombottom"if (!document.layers)document.write('</div>')function JSFX_FloatTopDiv(){  var startX = 3,  startY = 250;  var ns = (navigator.appName.indexOf("Netscape") != -1);  var d = document;  function ml(id)  {      var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];      if(d.layers)el.style=el;      el.sP=function(x,y){this.style.left=x;this.style.top=y;};      el.x = startX;      if (verticalpos=="fromtop")      el.y = startY;      else{      el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;      el.y -= startY;      }      return el;  }  window.stayTopLeft=function()  {      if (verticalpos=="fromtop"){      var pY = ns ? pageYOffset : document.body.scrollTop;      ftlObj.y += (pY + startY - ftlObj.y)/8;      }      else{      var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;      ftlObj.y += (pY - startY - ftlObj.y)/8;      }      ftlObj.sP(ftlObj.x, ftlObj.y);      setTimeout("stayTopLeft()", 10);  }  ftlObj = ml("divStayTopLeft");  stayTopLeft();}JSFX_FloatTopDiv();</scripthtml>

P.S. I'm using PHPBB2

[Priya]

where do you put the script? I'm new to scripting and i'm not really sure how to do things. Thanks

[Tricky]

In the homepage message.

Admin CP General Homepage Configuration Homepage Message

Then just copy and paste the code into it.