Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 Help Groups for Snitz Forums 2000 Users
 Help: MOD Implementation
 Sliding menu (how to's)
 New Topic  Topic Locked
 Printer Friendly
Author Previous Topic Topic Next Topic  

motivations
Starting Member

Australia
15 Posts

Posted - 26 July 2001 :  21:56:15  Show Profile
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
  Previous Topic Topic Next Topic  
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.31 seconds. Powered By: Snitz Forums 2000 Version 3.4.07