Salve a Tutti!
Mi presento e vi ringrazio anticipatamente tutti
Dunquq ho scaricato uno script permette di creare un menù a scomparsa attivabile tramite link, ho modificato il codice nel migliore dei modi per venire incontro all'estetica del mio sito e fin qui sono arrivato con successo. Ci sono delle modifiche che però non sono proprio capace di fare (causa evidenti lacune tecniche.... da bravo autodidatta un po' cialtrone),
ho bisogno di un aiuto per capire come fare le ulteriori modifiche altrimenti rischio di implodere!
lo script l'ho scaricato da qui:
http://javascript.html.it/script/ved...u-a-scomparsa/
ora il menu si presenta così, ha 4 voci di cui solo due creano un altro sottomenu.
in concreto vorrei che quando si visualizza la pagina non si visualizzasse automaticamente il primo sottomenu (quello della prima immagine), e in più vorrei farli rientrare ricliccando sullo stesso link che li ha aperti.
spero di essermi spiegato :master:
grazie mille per l'aiuto la vostra presenza mi è di fondamentale importanza
vi allego anche il codice così tanto per capirci meglio...
<head>
<style type="text/css">
<!--
body {background-color: #000000;}
.Stile1 {color: #000000}
.Stile6 {color: #ADA69C; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.Stile2 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #FF9900;}
.Stile3 {color: #666666; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.Stile4 {color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
A:link{ text-decoration: none; }
.buttonscontainer {width: 200px;}
.buttons a {color: #FFFFFF; background-color:#595959; padding: 2px; padding-left: 3px; display: block; border-left: 10px solid #AAA796; font: 13px Arial, sans-serif; font-weight: bold; text-decoration: none; text-align: left; margin-top: 1px;}
.buttons a:hover {border-left: 10px solid #D2D1C8; text-decoration: none; color: #FFFFFF;}
#menu1 {position:absolute; top:-2000px; border:1px solid #000000; border-collapse:collapse; }
td.txt {border:1px solid #000000; text-align:left; font-weight:bold; color:#ffffff;}
td.txt a{font-family:arial; font-size:10px; color:#ffffff; text-decoration:none;}
td.txt a:hover{font-family:arial; font-size:10px; color:#ffffff; text-decoration:none;}
#menu2 {position:absolute; top:-2000px; border:1px solid #000000; border-collapse:collapse; }
td.txt {border:1px solid #000000; text-align:left; font-weight:bold; color:#ffffff;}
td.txt a{font-family:arial; font-size:10px; color:#ffffff; text-decoration:none;}
td.txt a:hover{font-family:arial; font-size:10px; color:#ffffff; text-decoration:none;}
</style>
</head>
<div align="left">
<div id="Layer1" style="position:absolute; left:11px; top:15px; width:174px; height:86px; z-index:1; background-color: #000000; layer-background-color: #000000; border: 1px none #000000;">
<div class="buttonscontainer">
<div class="buttons">
<div align="left">
Propaganda
Artisti
Galleria Foto
Video Archivio</div>
</div>
</div>
</div>
<table id="menu2" width="174" border="1" cellpadding="1" cellspacing="0" bgcolor="#5A595A" bordercolor="#000000"><tr>
<td width="164" bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Mattoni Andrea</td></tr><tr>
<td bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Secco Miriam</td></tr><tr>
<td bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Roncato Fabio</td></tr><tr>
<td bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Rubinacci Emiliano</td></tr><tr>
<td bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Barimic Zeliko</td></tr><tr>
<td bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Collu Raffaele</td></tr>
</table>
<table id="menu1" width="174" border="1" cellpadding="1" cellspacing="0" bgcolor="#5A595A" bordercolor="#000000"><tr>
<td width="164" bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Galleria01</td></tr><tr>
<td bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Galleria02</td></tr><tr>
<td bgcolor="#5A595A" class="txt" onmouseover="changeBG(this,'#5A595A')" onmouseout="changeBG(this,'#5A595A')">Galleria03</td></tr><tr>
</table>
<script>
Show ="no";
var OffX = 10;
var PosX = 212;
var PosY = 15;
var speed = 1;
var increment = 2;
var incrementNS4 = 5;
var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;
var MenuX=OffX;
var SelX=PosX;
var sPosX=PosX;
var sOffX=OffX;
if (Show=="yes"){
sPosX=OffX;
sOffX=PosX;
MenuX=sOffX;
SelX=sPosX;
}
if (is_NS4){
increment=incrementNS4;
Lq="document.layers.";
Sq="";
eval(Lq+'menu2'+Sq+'.left=sPosX');
eval(Lq+'menu1'+Sq+'.left=sOffX');
eval(Lq+'menu2'+Sq+'.top=PosY');
eval(Lq+'menu1'+Sq+'.top=PosY');
}else{
Lq="document.all.";
Sq=".style";
document.getElementById('menu2').style.left=sPosX+ "px";
document.getElementById('menu1').style.left=sOffX+ "px";
document.getElementById('menu2').style.top=PosY+"p x";
document.getElementById('menu1').style.top=PosY+"p x";
}
function slideIn1(){
if (MenuX<PosX){MenuX=MenuX+increment;
if (is_NS5up){document.getElementById('menu1').style. left=MenuX+"px";}
else{eval(Lq+'menu1'+Sq+'.left=MenuX');}
setTimeout('slideIn1()',speed);}}
function slideOut1(){
if (MenuX>OffX){ MenuX=MenuX-increment;
if (is_NS5up){document.getElementById('menu1').style. left=MenuX+"px";}
else{eval(Lq+'menu1'+Sq+'.left=MenuX');}
setTimeout('slideOut1()',speed);}}
function slideOut2(){
if (SelX>OffX){ SelX=SelX-increment;
if (is_NS5up){document.getElementById('menu2').style. left=SelX+"px";}
else{eval(Lq+'menu2'+Sq+'.left=SelX');}
setTimeout('slideOut2()',speed);}}
function slideIn2(){
if (SelX<PosX){SelX=SelX+increment;
if (is_NS5up){document.getElementById('menu2').style. left=SelX+"px";}
else{eval(Lq+'menu2'+Sq+'.left=SelX');}
setTimeout('slideIn2()',speed);}}
</script>
</body>
</html>
Rispondi quotando
