Menu a tendina in java - contrib da oscommerce.com
Inviato: 25/07/2005, 10:37
ciao ragazzi
ecco finalmente un ottima contrib "cool menu", che risolve in gran parte i problemi del menu a tendina- Premetto che questa preziosa contrib e' stata scovata dal mitico bass e grazie a lui ne ho saputo la conoscenza.
La stessa e' raggiungibile al link http://www.oscommerce.com/community/con ... ,cool+menu
Ecco le istruzioni per farla funzionare correttamente :
1) UPLOADARE I FILE SCARICATI NELLE DIRECTORY SEGUENTI:
catalog/includes/coolmenu.php
catalog/includes/menu_animation.js
catalog/includes/boxes/coolmenu.php
catalog/images/trans.gif
catalog/images/arrow.gif
2) SOSTITUIRE LA STRINGA DELLA DIRECTORY catalog/includes/column_left.php file:
include(DIR_WS_BOXES . 'categories.php');
IN:
include(DIR_WS_BOXES . 'coolmenu.php');
3) AGGIUNGERE LA STRINGA IN OGNI SINGOLO FILE DELLA CARTELLA CATALOG (ATTENZIONE! - NON NELLA CARTELLA CATALOG/INCLUDES) SEMPRE DOPO IL TAG <BODY>.
STRINGA DA AGGIUNGERE :
<!-- coolMenu //-->
<?php require(DIR_WS_INCLUDES . 'coolmenu.php'); ?>
<!-- coolMenu_eof //-->
ALLA FINE I FILE APPARIRANNO IN QUESTO MODO:
<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) AGGIUNGERE LA STRINGA IN OGNI SINGOLO FILE DELLA CARTELLA CATALOG (ATTENZIONE! - NON NELLA CARTELLA CATALOG/INCLUDES) SEMPRE DOPO IL TAG <HEAD>.
<SCRIPT LANGUAGE="JavaScript1.2" SRC="includes/menu_animation.js"></SCRIPT>
5) AGGIUNGERE NEL FILE STYLESHEET.CSS LA SEGUENTE RIGA:
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 ----------------- */
A Questo punto potreste avere un menu a tendina realizzato ad hoc!
Piccola precisazione! - A me non funziona. mi da errore nel file catalog/classes/boxes in line 25
HELP!!!
ecco finalmente un ottima contrib "cool menu", che risolve in gran parte i problemi del menu a tendina- Premetto che questa preziosa contrib e' stata scovata dal mitico bass e grazie a lui ne ho saputo la conoscenza.
La stessa e' raggiungibile al link http://www.oscommerce.com/community/con ... ,cool+menu
Ecco le istruzioni per farla funzionare correttamente :
1) UPLOADARE I FILE SCARICATI NELLE DIRECTORY SEGUENTI:
catalog/includes/coolmenu.php
catalog/includes/menu_animation.js
catalog/includes/boxes/coolmenu.php
catalog/images/trans.gif
catalog/images/arrow.gif
2) SOSTITUIRE LA STRINGA DELLA DIRECTORY catalog/includes/column_left.php file:
include(DIR_WS_BOXES . 'categories.php');
IN:
include(DIR_WS_BOXES . 'coolmenu.php');
3) AGGIUNGERE LA STRINGA IN OGNI SINGOLO FILE DELLA CARTELLA CATALOG (ATTENZIONE! - NON NELLA CARTELLA CATALOG/INCLUDES) SEMPRE DOPO IL TAG <BODY>.
STRINGA DA AGGIUNGERE :
<!-- coolMenu //-->
<?php require(DIR_WS_INCLUDES . 'coolmenu.php'); ?>
<!-- coolMenu_eof //-->
ALLA FINE I FILE APPARIRANNO IN QUESTO MODO:
<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) AGGIUNGERE LA STRINGA IN OGNI SINGOLO FILE DELLA CARTELLA CATALOG (ATTENZIONE! - NON NELLA CARTELLA CATALOG/INCLUDES) SEMPRE DOPO IL TAG <HEAD>.
<SCRIPT LANGUAGE="JavaScript1.2" SRC="includes/menu_animation.js"></SCRIPT>
5) AGGIUNGERE NEL FILE STYLESHEET.CSS LA SEGUENTE RIGA:
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 ----------------- */
A Questo punto potreste avere un menu a tendina realizzato ad hoc!
Piccola precisazione! - A me non funziona. mi da errore nel file catalog/classes/boxes in line 25
HELP!!!