Wolverinehacks Slider menu
Posted by Nitesh Kothari on 18 July 2008
Share this post:
|
1 Comments
Today i came across this great hack named Dynamic-FX Slide-In Menu at Dynamic Drive. I modified the codes little bit to give it a perfect look like my blog... I have installed this menu at the left side of this blog and named it WH Slider Menu (i.e. WolverineHacks Slider Menu). This menu ahs many features like:
- Ability to statically position menu on page, both x and y axis (as in demo), or simply inline
- Support for loading link(s) in another frame or window
- Support for multiple columns within each row
- Fully customizable colors, dimensions etc
You can check the Dynamic Drive Instructions to install Dynamic-FX Slide-In Menu or follow my Instructions to install WH Slider Menu:
Step 1:
Download following files and upload to your webpage directory(eg: googlepages):
Download these files, only if you wish to use them from your webpage directory. Else, you can use files from Wolverine Googlepage also.
Step 2: Finally, insert the below code into the section of your page:
<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>
<SCRIPT SRC="ssm.js" language="JavaScript1.2">
//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>
This is all you have to do...
You can modify the menu by editing "ssmItems.js" file using any text editor.
So, what do you think some changes are needed in WH Sidebar?
Comment on the post and tell me what do you think about this hack...
Cheers!!!