vb.org Archive - Miscellaneous Hacks

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.6 Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=194)

- - Miscellaneous Hacks - Floating Side Menu (https://vborg.vbsupport.ru/showthread.php?t=162958)

i surly did. i don't know what happened. i press it again sorry

Direct Vision...

Take a look at this page: http://dynamicdrive.com/dynamicindex...slide/demo.htm

This page gives you an example of how the menu will look...depending on which version you choose from the attached .js files.

All the menus work flawlessly with the browsers mentioned at the beginning of this thread. If they don't...then the problem probably lies with the verison of Java your browsers are using. Update to the latest version of Java to see if this doesn't correct any of the issues you may be experiencing. Just a note...the menu on the left of that demo page uses an entirely different script than the one on the right of the page...so you will notice a difference in how the menu floats on the page. One menu is in a "fixed" position and will not jump down the page as you described...while the other is in an "absolute" position and will glide down with the page when you scroll down.

You asked if there was a way to keep the menu from moving. Sorry...I had to laugh when I read that.

If it was kept from moving...it wouldn't be a floating menu script...now would it?

This is not working at all for me.

I edited the menuItems.js file
id:'tszmenu',

I edited the code that I put into the header template:

Code:

<!-- logo -->

<a name="top"></a>

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

 <tr>

  <td width="205"><a href="/"><img src="$stylevar[imgdir_misc]/logo2.png" border="0" alt="" /></a><br /></td>

  <td valign="bottom" align="right">



<table border="0" cellpadding="0" cellspacing="0">

 <tr>

  <td><img src="$stylevar[imgdir_misc]/menu_left.gif" border="0" alt="" /></td>

  <td><a href="index.php"><img src="$stylevar[imgdir_misc]/menu_main1.gif" border="0" alt="" /></a></td>

<if condition="$show['registerbutton']">

  <td><a href="register.php"><img src="$stylevar[imgdir_misc]/menu_register1.gif" border="0" alt="" /></a></td>

</if>

<if condition="$show['member']">

  <td><a href="usercp.php"><img src="$stylevar[imgdir_misc]/menu_usercp1.gif" border="0" alt="" /></a></td>

</if>

  <td><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/menu_members1.gif" border="0" alt="" /></a></td>

  <!--<td><a href="calendar.php"><img src="$stylevar[imgdir_misc]/menu_calendar1.gif" border="0" alt="" /></a></td>-->

  <td><a href="search.php"><img src="$stylevar[imgdir_misc]/menu_search1.gif" border="0" alt="" /></a></td>

  <td><a href="faq.php"><img src="$stylevar[imgdir_misc]/menu_faq1.gif" border="0" alt="" /></a></td>

<if condition="$show['member']">

  <td><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"><img src="$stylevar[imgdir_misc]/menu_logout1.gif" border="0" alt="" /></td>

</if>

  <td><img src="$stylevar[imgdir_misc]/menu_right.gif" border="0" alt="" /></td>

 </tr>

</table>



  </td>

 </tr>

</table>

<style type="text/css">

                            /*Menu Links*/



/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes

may be inherited in some browsers from other 'a' element styles (if any) on the page*/



#tszmenu a { /*Menu3 Links*/

color:black;

background-color:white;

text-decoration:none;

text-indent:1ex;

}

#tszmenu a:hover {

color:black;background-color:#FFFF99;

}

#tszmenu a:active        {color:black;text-decoration:none;}

#tszmenu a:visited        {color:black;text-decoration:none;}





                           /*End Menu Links*/

</style>

<script src="/forums/mmenu.js" type="text/javascript"></script>

<script src="/forums/menuItems.js" type="text/javascript">



</script>

<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output





$welcomeheaders

I uploaded the 2 files to the /forums directory.

Quote:

Originally Posted by nautiqeman (Post 1395503)

This is not working at all for me.

I edited the menuItems.js file
id:'tszmenu',

I edited the code that I put into the header template:

Code:

<!-- logo -->

<a name="top"></a>

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

 <tr>

  <td width="205"><a href="/"><img src="$stylevar[imgdir_misc]/logo2.png" border="0" alt="" /></a><br /></td>

  <td valign="bottom" align="right">



<table border="0" cellpadding="0" cellspacing="0">

 <tr>

  <td><img src="$stylevar[imgdir_misc]/menu_left.gif" border="0" alt="" /></td>

  <td><a href="index.php"><img src="$stylevar[imgdir_misc]/menu_main1.gif" border="0" alt="" /></a></td>

<if condition="$show['registerbutton']">

  <td><a href="register.php"><img src="$stylevar[imgdir_misc]/menu_register1.gif" border="0" alt="" /></a></td>

</if>

<if condition="$show['member']">

  <td><a href="usercp.php"><img src="$stylevar[imgdir_misc]/menu_usercp1.gif" border="0" alt="" /></a></td>

</if>

  <td><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/menu_members1.gif" border="0" alt="" /></a></td>

  <!--<td><a href="calendar.php"><img src="$stylevar[imgdir_misc]/menu_calendar1.gif" border="0" alt="" /></a></td>-->

  <td><a href="search.php"><img src="$stylevar[imgdir_misc]/menu_search1.gif" border="0" alt="" /></a></td>

  <td><a href="faq.php"><img src="$stylevar[imgdir_misc]/menu_faq1.gif" border="0" alt="" /></a></td>

<if condition="$show['member']">

  <td><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"><img src="$stylevar[imgdir_misc]/menu_logout1.gif" border="0" alt="" /></td>

</if>

  <td><img src="$stylevar[imgdir_misc]/menu_right.gif" border="0" alt="" /></td>

 </tr>

</table>



  </td>

 </tr>

</table>

<style type="text/css">

                            /*Menu Links*/



/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes

may be inherited in some browsers from other 'a' element styles (if any) on the page*/



#tszmenu a { /*Menu3 Links*/

color:black;

background-color:white;

text-decoration:none;

text-indent:1ex;

}

#tszmenu a:hover {

color:black;background-color:#FFFF99;

}

#tszmenu a:active        {color:black;text-decoration:none;}

#tszmenu a:visited        {color:black;text-decoration:none;}





                           /*End Menu Links*/

</style>

<script src="/forums/mmenu.js" type="text/javascript"></script>

<script src="/forums/menuItems.js" type="text/javascript">



</script>

<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output





$welcomeheaders

I uploaded the 2 files to the /forums directory.

You placed the code in the wrong place in your header template. Remove what you added to the header template.

Then...in your header template find

Code:

Before it add

Code:

<style type="text/css">

                            /*Menu Links*/



/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes

may be inherited in some browsers from other 'a' element styles (if any) on the page*/



#tszmenu a { /*Menu3 Links*/

color:black;

background-color:white;

text-decoration:none;

text-indent:1ex;

}

#tszmenu a:hover {

color:black;background-color:#FFFF99;

}

#tszmenu a:active        {color:black;text-decoration:none;}

#tszmenu a:visited        {color:black;text-decoration:none;}





                           /*End Menu Links*/

</style>

<script src="/forums/mmenu.js" type="text/javascript"></script>

<script src="/forums/menuItems.js" type="text/javascript">



</script>

Let me know what happens...keep me posted.

ok saviour. the one in the demo worked fine. it is bouncing, not like mine. so wich version is that?? i am refering the one on the left.

thanks alot

ok i figured it out. now all working

thanks saviour

now i can't make the bar thinner.

Quote:

Originally Posted by Saviour (Post 1395763)

You placed the code in the wrong place in your header template. Remove what you added to the header template.

Then...in your header template find

Code:

Before it add

Code:

<style type="text/css">

                            /*Menu Links*/



/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes

may be inherited in some browsers from other 'a' element styles (if any) on the page*/



#tszmenu a { /*Menu3 Links*/

color:black;

background-color:white;

text-decoration:none;

text-indent:1ex;

}

#tszmenu a:hover {

color:black;background-color:#FFFF99;

}

#tszmenu a:active        {color:black;text-decoration:none;}

#tszmenu a:visited        {color:black;text-decoration:none;}





                           /*End Menu Links*/

</style>

<script src="/forums/mmenu.js" type="text/javascript"></script>

<script src="/forums/menuItems.js" type="text/javascript">



</script>

Let me know what happens...keep me posted.

moved it and it still doesn't show up on the site: www.thesternzone.com/forums

Here is the header template code:

Code:

<style type="text/css">

                            /*Menu Links*/



/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes

may be inherited in some browsers from other 'a' element styles (if any) on the page*/



#tszmenu a { /*Menu3 Links*/

color:black;

background-color:white;

text-decoration:none;

text-indent:1ex;

}

#tszmenu a:hover {

color:black;background-color:#FFFF99;

}

#tszmenu a:active        {color:black;text-decoration:none;}

#tszmenu a:visited        {color:black;text-decoration:none;}





                           /*End Menu Links*/

</style>

<script src="mmenu.js" type="text/javascript"></script>

<script src="menuItems.js" type="text/javascript">



</script>

<!-- logo -->

<a name="top"></a>

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

 <tr>

  <td width="205"><a href="/"><img src="$stylevar[imgdir_misc]/logo2.png" border="0" alt="" /></a><br /></td>

  <td valign="bottom" align="right">



<table border="0" cellpadding="0" cellspacing="0">

 <tr>

  <td><img src="$stylevar[imgdir_misc]/menu_left.gif" border="0" alt="" /></td>

  <td><a href="index.php"><img src="$stylevar[imgdir_misc]/menu_main1.gif" border="0" alt="" /></a></td>

<if condition="$show['registerbutton']">

  <td><a href="register.php"><img src="$stylevar[imgdir_misc]/menu_register1.gif" border="0" alt="" /></a></td>

</if>

<if condition="$show['member']">

  <td><a href="usercp.php"><img src="$stylevar[imgdir_misc]/menu_usercp1.gif" border="0" alt="" /></a></td>

</if>

  <td><a href="memberlist.php"><img src="$stylevar[imgdir_misc]/menu_members1.gif" border="0" alt="" /></a></td>

  <!--<td><a href="calendar.php"><img src="$stylevar[imgdir_misc]/menu_calendar1.gif" border="0" alt="" /></a></td>-->

  <td><a href="search.php"><img src="$stylevar[imgdir_misc]/menu_search1.gif" border="0" alt="" /></a></td>

  <td><a href="faq.php"><img src="$stylevar[imgdir_misc]/menu_faq1.gif" border="0" alt="" /></a></td>

<if condition="$show['member']">

  <td><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]"><img src="$stylevar[imgdir_misc]/menu_logout1.gif" border="0" alt="" /></td>

</if>

  <td><img src="$stylevar[imgdir_misc]/menu_right.gif" border="0" alt="" /></td>

 </tr>

</table>



  </td>

 </tr>

</table>



<!-- /logo -->



<!-- content table -->

$spacer_open



$_phpinclude_output





$welcomeheaders



<br>



<table width="98%" class="tcat" border="0" align="center" cellpadding="0" cellspacing="5" class="border">

  <tr>

    <td align="center"><a href="/forums/index.php">Forums</a></td>

    <td align="center"><a href="/forums/search.php?do=getnew">New Posts</a></td>

    <td align="center"><a href="/forums/private.php">Inbox</a></td>

    <td align="center"><a href="http://www.sirius.com/servlet/ContentServer?pagename=Sirius/Page&c=FlexContent&cid=1174328309443" target="_blank">Listen Online</a></td>

    <td align="center"><a href="vbookie.php">Casino Artie</a></td>

    <td align="center"><a href="arcade.php?$session[sessionurl_q]">Arcade</a></td>

    <td align="center"><a href="/forums/misc.php?do=topposters">Top Posters</a></td>

    <td aligh="center"><a href="/forums/misc.php?do=cfrules">Site Rules</a></td>

   </tr>

</table>

Where did you upload the two javascript files to? Are they in the root of your "forums" directory?

Quote:

Originally Posted by Direct Vision (Post 1396139)

now i can't make the bar thinner.

In your menuItems.js file, look for:

Code:

barwidth:22, // bar (the vertical cell) width

Change the number in the above code to change the width of the menu bar.

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02112 seconds Memory Usage 1,808KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (8)bbcode_code_printable (3)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: