webstarter Posted August 30, 2006 Share Posted August 30, 2006 Hi there please scroll down and you will see where I'm stuck Thank you :thumbsup: 1.) Upload the following files to your webserver: catalog/includes/coolmenu.php catalog/includes/menu_animation.js catalog/includes/boxes/coolmenu.php catalog/images/trans.gif catalog/images/arrow.gif 2.) Replace the following line in your catalog/includes/column_left.php file: REPLACE: c include(DIR_WS_BOXES . 'categories.php'); BY: include(DIR_WS_BOXES . 'coolmenu.php'); ------------------------------------------------------------ I'm up to here what folders is all that meant to go in ????? And the same with below thanks 3.) Add the following lines to EVERY SINGLE file in your catalog-directory RIGHT AFTER THE <BODY> TAG. (This is VERY important, if you don't add it right after the <body>-Tag, the script won't work!!). So, add these 3 lines to every file in your catlog-directory between the <body>-Tag and the including of header.php: <!-- coolMenu //--> <?php require(DIR_WS_INCLUDES . 'coolmenu.php'); ?> <!-- coolMenu_eof //--> After adding these lines, your files should look like this: <body marginwidth="0" marginheight="0" topmargin="0" > <!-- coolMenu //--> <?php require(DIR_WS_INCLUDES . 'coolmenu.php'); ?> <!-- coolMenu_eof //--> <!-- header //--> <?php require(DIR_WS_INCLUDES . 'header.php'); ?> <!-- header_eof //--> 4.) Add the following line to EVERY SINGLE file in your catalog-directory between <HEAD> and </HEAD>. (only in the /catalog directory, NOT in any further subdirectories like /catalog/includes !!). <script LANGUAGE="JavaScript1.2" SRC="includes/menu_animation.js"></SCRIPT> 5.) Add the following lines to catalog/stylesheet.css /* ----------------- coolMenu ----------------- */ .clCMEvent{ position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:visible } .clCMAbs{ position:absolute; visibility:hidden; left:0; top:0; } .clBar{ position:absolute; width:10; height:10; background-color:#ffffff; layer-background-color:#ffffff; visibility:hidden; } .clLevel0,.clLevel0over{ position:absolute; padding:1px; font-family:Verdana,arial,helvetica; font-size:10px; } .clLevel0{ background-color:#ffffff; layer-background-color:#ffffff; color:#000000; } .clLevel0over{ background-color:#bbc3d3; layer-background-color:#bbc3d3; color:#ffffff; cursor:pointer; cursor:hand; } .clLevel0border{ position:absolute; visibility:hidden; background-color:#c0c0c0; layer-background-color:white; } .clLevel1, .clLevel1over{ position:absolute; padding:2px; font-family:Verdana,arial,helvetica; font-size:10px; } .clLevel1{ background-color:#ffffff; layer-background-color:#ffffff; color:#000000; } .clLevel1over{ background-color:#bbc3d3; layer-background-color:#bbc3d3; color:#ffffff; cursor:pointer; cursor:hand; } .clLevel1border{ position:absolute; visibility:hidden; background-color:#c0c0c0; layer-background-color:white; } /* ----------------- coolMenu_eof ----------------- */ 6.) After a successfull offline-testing, upload all modified files to your web server. That's it! :blink: Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.