vb.org Archive - Miscellaneous Hacks

Page 3 of 3

Show 40 post(s) from this thread on one page

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)

Saviour

11-27-2007 12:25 AM

Thanks for that...

But you didn't have to add that MenuPause line...just look for menupause: on both scripts and change accordingly.

I missed one of the onmouseover variables...

Probably why I was having such a hard time with it...

Kudos for the tip!

firstrebel

11-27-2007 03:38 PM

Quote:

Originally Posted by stationar (Post 1389947)

My users asked me to change it so the menu wouldn't jump out every time they move mouse over it. So I changed file mmenu.js, replacing "onmouseover" with "onclick" in two places.
Also changed file menuItems.js, adding before MenuItems this line: menupause:5000, (including comma) - this keeps menu open for 5 seconds after user moves the mouse, and gives the user time to pick the menu item and click on it.

Excellent tip, thanks.

Bob

firstrebel

11-27-2007 05:18 PM

Quote:

Originally Posted by stationar (Post 1389947)

Have you tried this with FF? One user reports it still drops down without clicking. IE is OK.

Bob

chatzworld

11-27-2007 05:57 PM

works great for me on both FF and IE great work :)

firstrebel

11-30-2007 07:10 PM

Had a few more say when they click it only comes down a bit on each click.

Bob

Saviour

11-30-2007 07:37 PM

Quote:

Originally Posted by firstrebel (Post 1392513)

Had a few more say when they click it only comes down a bit on each click.

Bob

Bob...

If you're using the settings from this pos: https://vborg.vbsupport.ru/showpost....7&postcount=80

...you may want to change them back...since I made the changes and my users started complaining about the same thing.

I think we're trying to do a lot of things to this menu that were not meant to be changed. Change the settings back to their default..change "onclick" back to "onmouseover" in both places. Also change "menupause" back to its original setting of 500...or however long you want it to pause before retraction in milliseconds.

I've already changed mine back to the default...working fine...

-Steve

Saviour

11-30-2007 07:38 PM

Quote:

Originally Posted by chatzworld (Post 1390486)

works great for me on both FF and IE great work :)

Thanks...glad ya like it...

firstrebel

12-01-2007 06:39 AM

Quote:

Originally Posted by Saviour (Post 1392532)

Thanks.

Bob

Direct Vision

12-05-2007 07:02 AM

I Noticed That With Ie 7 And Some Of Ff The Menu Doesn't Work Good.

You Know That When You Scroll Down The Page The Menu Comes After You Like Bouncing Down.

With The New Ie 7 And Some Ff The Menu Comes Down But It Stays Like It Is Stuck.

Can I Fix This??

Or How Can I Make The Menu Not Coming Down??

Thanks Alot

Saviour

12-05-2007 07:26 AM

Direct Vision...

Support will only be given to those who click "Installed".

Direct Vision

12-05-2007 11:42 AM

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

Saviour

12-05-2007 12:45 PM

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?

nautiqeman

12-05-2007 01:34 PM

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.

Saviour

12-05-2007 09:43 PM

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.

Direct Vision

12-06-2007 07:06 AM

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

Direct Vision

12-06-2007 08:48 AM

ok i figured it out. now all working

thanks saviour

Direct Vision

12-06-2007 12:25 PM

now i can't make the bar thinner.

nautiqeman

12-07-2007 01:09 AM

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>

Saviour

12-07-2007 01:30 AM

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

Saviour

12-07-2007 02:05 AM

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.

Saviour

12-07-2007 02:31 AM

Quote:

Originally Posted by nautiqeman (Post 1396538)

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

Then I may have to update this mod and specify 3.6.8 only.

If you have followed the directions given at the beginning of this thread...then you shouldn't be having an issue.

After a little research...I have found that there was an update (3.6.7 PL2) that had something to do with the javascript framework.

It may be your version of vbulletin that is having the issue. I am using 3.6.8 PL2 and it's working like a charm.

I'll update this mod to reflect what it has been tested on. Anyone who installs this using a different vbulletin version...please announce if it works or not...please?

cgway.net

12-07-2007 11:22 AM

hello
how can i make this menu for moderators only
as assigned to one group not for all members

Saviour

12-07-2007 11:40 AM

Quote:

Originally Posted by cgway.net (Post 1396735)

hello
how can i make this menu for moderators only
as assigned to one group not for all members

First of all...support is only given to those who "Mark as Installed". Secondly, this mod is not a mod in the direct sense. It is a DHTML script you can use for your forum and is available to all members. It was not meant to be configured within User Groups or Permissions.

nautiqeman

12-07-2007 01:20 PM

Quote:

Originally Posted by Saviour (Post 1396580)

I'm only running 3.6.5

and I uploaded the 2 .js files to the forums directory

Saviour

12-07-2007 01:48 PM

Quote:

Originally Posted by nautiqeman (Post 1396793)

I'm only running 3.6.5

and I uploaded the 2 .js files to the forums directory

I understand...

As I said before...it may be because there is an issue on how your version of vbulletin (3.6.5) handles the javascript. Version 3.6.7 updated the javascript framework. You may need to inquire within another forum if this is, indeed, the case. Unfortunately, I am not familiar with your version of vbulletin.

You also have to remember...this is a DHTML script and is not a mod, per say. If you have followed the directions I have provided for this script, then it should work. If it doesn't...then it's your version of vbulletin that may be the issue here...specifically, how it handles javascript.

I have updated this mod...reflecting that it has been tried and tested on vbulletin version 3.6.8 PL2.

Contact vbulletin to see if you need to update in order to fix the javascript issue you are facing.

nautiqeman

12-09-2007 06:00 PM

I will update my version of vBulletin and see if it works. I appreciate the help!

iogames

01-02-2008 04:22 PM

Ok...
How can I place the Floating Menus in SubForums and not in FORUMHOME, and custumize each Menu to the Topic discussed?
In such case, where do I place the code or the files?

ymy	01-02-2008 04:48 PM

Awesome! finally here !

very nice , Thanks

*installed*

.

SNATCH3R

01-17-2008 06:03 AM

Thanks for this mod....its really cool...

punk23

01-21-2008 10:20 AM

Hi there,

I would like to add a link to the users Buddy List and have it open in the reduced window as it does when opened from the "Quick Links" on the NavBar.

Any idea what I would put in menuitems.js to enable that please?

punk23

01-22-2008 04:59 AM

Wow, no response..oh well, another question.

Is it possible to add a "hide" function to the slider? Maybe so that there is a very small tab sticking out unless tte member clicks on un-hide? Waddya think?

Saviour

01-22-2008 11:07 PM

This mod was provided "as is"...no consideration is being given as to changing this or adding that.

It's a simple floating side menu...with the ability to add links and modify its appearance to blend in with your forum.

Please....please...do not ask to add any features to this mod...since I no longer support it...as noted in the Mod Description by the way.

You have to remember...this is simply a dynamic script...and not a modification per say.

My thanks to all who have installed and are enjoying this...

punk23

01-23-2008 11:19 AM

Fair enough.

TRa5H

05-20-2008 06:26 AM

OK a few questions...

First and for most here is my forum... www.rebelsofchaos.net

First questiong.. is there a way to change the color and size of the "bartext:'MENU'," and the ["Menu"], //create header ? And along with that what about changing the tab to an image file?

Second I currently have Zoints installed and would like to be able to recognize the logged in user .. so i am stuck with this code:

Code:

["Profile", "http://www.rebelsofchaos.info/member.php?u=1", ""],

where the "1" is the admin profile.. i need to change it from specific numbered member to the logged member accessing the profile. as in if i was 10 and went to the page it would show me 10.

If anyone could help it would be greatfully appreciated!

TRa5H

05-20-2008 04:39 PM

Ok so I have not figured our the user code yet. but i am working on it... as for the colors i read through the attached menu file and figured it out...

I am still interested if anyone can help me out with replacing the bar text or bar background or bar frame with an image.. i want to make it match the framing of my site more then just the color framing...

well check out my accomplishment here www.rebelsofchaos.net

rwoscott

05-21-2008 11:21 AM

Pretty cool, thx mate.

imk	09-14-2009 03:46 PM

Great mod

2 questions

http://manlystuff.com/forum/index.php

How do i insert an image?

and

how can i make it only viewable to guests?

fulviods

07-03-2010 09:01 PM

works fine on 4.0.4 ;)

bada_bing

03-23-2013 08:47 PM

This is a great menu and we installed it the other day however we are getting some complaint from a few members that visit the site via there smartphones and dont want to use tapatalk because they like the normal feel and look of the site, however this menu is causing them issue because when they try and click on the menu it opens up and then randomly takes clicks a link without them meaning to, anyone find the same bahavior? I validated this and it surly does. Works great via a computer

bada_bing

04-01-2013 06:20 PM

Uninstalled, causing issue in browsers and smartphone.

All times are GMT. The time now is 06:48 AM.

Page 3 of 3

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01509 seconds Memory Usage 1,896KB 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 (9)bbcode_code_printable (12)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)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: