how to creat a slide menu?

Is there anyone know how to do that?... Let's share us!
Thanks in advance!

hello,

are you referring to slide show? or it is slide menu, if yes can you give us example how this slide menu working? because i never heard about it

uhm.. it' so hard to describe... It like a drop menu! but when moveing on the web.. It flows to our mouse!

Help me! plz

plz reply for me!

i want to know how to do this also

Hello.

Zack_alex : please wait, when someone with the answer passes, I'm sure he/she'll post it.
Meanwhile, may I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button)

Zack_alex wrote:plz reply for me!

hi,

its still hard to understand what menu you meaning there, maybe if you can show example like screen shoot or website that got this menu, its would be nice

Here is it!... sorry about everthing!

hi,

i see what you means, its called drop down menu. but, sorry to say we can not apply that here since that features not provided by forumotion host.

but if your insist to apply that maybe you can try jump box. with little trick, its should be work

Hey Zack!

Yes, it's totally possible, but you need a script for it. This one is created by hoangcun:

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>


It's very good, but can be used only in phpBB2 forums. There is a part you can edit, so set it as you want.

Have a nice day,
~ Raph95

esle?.. I means When we move the mouse to the menu... IT'll appear..but that code doesn't appear!

Zack_alex wrote:esle?.. I means When we move the mouse to the menu... IT'll appear..but that code doesn't appear!

I don't know if I can put the link here, so I will suggest you to search in Google for:

Slide-in Menu bar I

Raph95 wrote:Hey Zack!

Yes, it's totally possible, but you need a script for it. This one is created by hoangcun:

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>


It's very good, but can be used only in phpBB2 forums. There is a part you can edit, so set it as you want.

Have a nice day,
~ Raph95

technically this just like an jump box idea, nothing less