Ever wonder how they do that, having a small moving menu on the left of the page without using a framed-site. Here's how.
First of all thank these people for creating and telling you how to use it, I simply gathered it all here for you to read, once I figured it out within minutes I was making the menu work for my Forum. (On display soon)
Or just read this....
Go to http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm and download the file "menu.zip". or click this link: http://www.dynamicdrive.com/dynamicindex1/menu.zip
Extract the files in it to your "Inetpub\wwwroot\...website...\...Forum... directory.
It should produce two files: (both in your Forum directory)
ssm.js
ssmitems.js
Now open your favorite text editor (for example textpad: http://www.textpad.com), as long as will not change your asp-files... so no frontpage...
Open the file called "inc_top.asp".
In this file look for a line with the following text in it:
input.radio {background: <% = strPopUpTableColor %>; color:#000000}
the whole section reads:
<style type=text/css>
<!--
a:link {color:<% =strLinkColor %>;text-decoration:<% =strLinkTextDecoration %>}
a:visited {color:<% =strVisitedLinkColor %>;text-decoration:<% =strVisitedTextDecoration %>}
a:hover {color:<% =strHoverFontColor %>;text-decoration:<% =strHoverTextDecoration %>}
input.radio {background: <% = strPopUpTableColor %>; color:#000000}
-->
</style>
Now after the last ">" , or more exact after "</style>"put the following code:
just copy and past it!!
...copy just the text between the dotted lines.....
-------------------------------------------------------------------
<STYLE>
<!--
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, maximus@nsimail.com)
//Site: http://www.absolutegb.com/maximus
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>
-------------------------------------------------------------------
When you look at the code for the inc_top.asp, this just copied code should be followed by the </head> words.
Now save the "inc_top.asp" file. Make sure your web-server and sql-server are running. Open your internet Browser and check it out.
Motivations
Edited by - motivations on 26 July 2001 21:57:05