Go Back   vb.org Archive > vBulletin Modifications > Archive > vB.org Archives > vBulletin 3.6 > vBulletin 3.6 Add-ons
Reload this Page Miscellaneous Hacks - Floating Side Menu
FAQ Community Calendar Today's Posts Search

Reply
Page 10 of 12 « First 89 10 1112
 
Thread Tools
Floating Side Menu Details »»
Floating Side Menu
Version: 1.00, by Saviour Saviour is offline
Developer Last Online: Jun 2013 Show Printable Version Email this Page
Category: Miscellaneous Hacks - Version: 3.6.8 Rating:
Released: 11-16-2007 Last Update: Never Installs: 70
Template Edits
Additional Files  
No support by the author.

Floating Side Menu

This mod is no longer supported...

Origin: DynamicDrive.com
Original Script: Omni Slide Menu
? John Davenport Scheuer
* Adapted from Dynamic-FX Slide-In Menu (v 6.5) script
by maXimus
Supported Browsers: FF1+ IE5+ Opr7+

This mod has been tested and works on vbulletin version 3.6.8 PL2.
This is a DHTML script for general forum use. Do not ask if it can be used for certain User Groups or given Permissions.

Features:

This mod places a floating menu on the right, or left of all of your forum pages. To place it on the left, edit the following code in menuItems.js:

Find...
Code:
menupos:'right',
Replace with...
Code:
menupos:'left',

Edits:
  • Edit menuItems.js for links and colors
  • Edit mmenu.js for bar, headers and other variables
  • Edit forum header template(s)
  • Instructions included within attached .zip file

Customization:
  • menuItems.js: use this file to name your menu and create your links
  • mmenu.js: use this file to customize the look of your menu
  • Refer to the "Properties" page for variable descriptions
  • Refer to the code below to adjust your link attributes within the menu (i.e., link text color, hover, visited). The code below is what you will be putting at the top of your forum's header template. Items in red are editable:

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*/

#kbmenu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#kbmenu3 a:hover {
color:black;background-color:#FFFF99;
}
#kbmenu3 a:active	{color:black;text-decoration:none;}
#kbmenu3 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">

/***********************************************
* Omni Slide Menu script - ? John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* very freely adapted from Dynamic-FX Slide-In Menu (v 6.5) script- by maXimus
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
***********************************************/

</script>

Live Demo: Demo

Hope you like this simple little mod...if so, please, don't forget to rate it.

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #92  
Old 12-05-2007, 11:42 AM
Direct Vision Direct Vision is offline
 
Join Date: Oct 2007
Posts: 60
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
i surly did. i don't know what happened. i press it again sorry
Reply With Quote
  #93  
Old 12-05-2007, 12:45 PM
Saviour's Avatar
Saviour Saviour is offline
 
Join Date: Apr 2007
Posts: 743
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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?
Reply With Quote
  #94  
Old 12-05-2007, 01:34 PM
nautiqeman nautiqeman is offline
 
Join Date: Jan 2003
Posts: 119
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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.
Reply With Quote
  #95  
Old 12-05-2007, 09:43 PM
Saviour's Avatar
Saviour Saviour is offline
 
Join Date: Apr 2007
Posts: 743
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by nautiqeman View Post
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:
<!-- logo -->
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.
Reply With Quote
  #96  
Old 12-06-2007, 07:06 AM
Direct Vision Direct Vision is offline
 
Join Date: Oct 2007
Posts: 60
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
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
Reply With Quote
  #97  
Old 12-06-2007, 08:48 AM
Direct Vision Direct Vision is offline
 
Join Date: Oct 2007
Posts: 60
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
ok i figured it out. now all working

thanks saviour
Reply With Quote
  #98  
Old 12-06-2007, 12:25 PM
Direct Vision Direct Vision is offline
 
Join Date: Oct 2007
Posts: 60
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
now i can't make the bar thinner.
Reply With Quote
  #99  
Old 12-07-2007, 01:09 AM
nautiqeman nautiqeman is offline
 
Join Date: Jan 2003
Posts: 119
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Saviour View Post
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:
<!-- logo -->
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>
Reply With Quote
  #100  
Old 12-07-2007, 01:30 AM
Saviour's Avatar
Saviour Saviour is offline
 
Join Date: Apr 2007
Posts: 743
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Where did you upload the two javascript files to? Are they in the root of your "forums" directory?
Reply With Quote
  #101  
Old 12-07-2007, 02:05 AM
Saviour's Avatar
Saviour Saviour is offline
 
Join Date: Apr 2007
Posts: 743
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Direct Vision View Post
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.
Reply With Quote
Reply
Page 10 of 12 « First 89 10 1112

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 10:47 AM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05012 seconds
  • Memory Usage 2,347KB
  • Queries Executed 25 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (11)bbcode_code
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (6)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 
Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete