AYUDITA PARA UNA INICIADA, TEMPORIZADOR EN MENÚ

vane22
18 de Junio del 2004
hola q tal soy una iniciada en el diseño web, con el Dreamweaver me manejo, pero de
programación mis conocimientos son más bien escasos, he diseñado una web para el salón de peluquería
de mi madre y me vendría muy bien poner un menú parecido a este q he encontrado en una web, el problema
de este menú es q si te sales de él no tiene ningún tipo de retardo q te lo deje activo un par de
segundos, para dentro de ese intervalo de tiempo poder regresar a él sin q desaparezca.

He estado haciendo probatinas con setTimeout y cleaTimeout, pero no me acaba de salir.

Os pongo el código del htm y del css, a ver en q me podeis ayudar.

Bueno aunq no me solucioneis el problema os agradezco la atención y la pérdida de tiempo,
Gracias y besos desde Madrid,

salu2


MENU.HTM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD><TITLE>Menú Prensa</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1"><LINK
href="normal.css" type=text/css rel=stylesheet>
</HEAD>
<BODY leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<DIV id=contenedor>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<DIV id=col_izq>
<DIV id=mn>
<p>
<SCRIPT>
function showDiv(v){
var el = document.getElementById('sd');
var fl = document.getElementById('fd');
el.style.top = - parseInt(el.offsetHeight/2);
el.style.left = parseInt(fl.offsetWidth - 10);
el.style.visibility = v ? 'visible' : 'hidden';
}
</SCRIPT>
</p>
<DIV class=bgbdy id=fd onmouseover=showDiv(true) onmouseout=showDiv(false)><A
class=lnk
href="http://www.masprensa.com/">Más
Revistas</A>
<div style="POSITION: relative">
<div id=sd style="VISIBILITY: hidden; POSITION: absolute">
<table cellspacing=0 cellpadding=0 width="100%" border=0>
<tbody>
<tr>
<td valign=top> <div class=bgbdyalt><a class=lnk href="http://www.ar-revista.wanadoo.es/"
target=_blank j4="ar_layer" j3="revistas">AR</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.caranddriverrevista.wanadoo.es/" target=_blank
j4="caranddriver_layer" j3="revistas">Car and Driver</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.casadiez.wanadoo.es/"
target=_blank j4="casadiez_layer" j3="revistas">Casa Diez</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.cliorevista.wanadoo.es/clio/" target=_blank
j4="clio_layer" j3="revistas">Clío</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.crecerfeliz.wanadoo.es/"
target=_blank j4="crecerfeliz_layer" j3="revistas">Crecer Feliz</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.deviajes.wanadoo.es/"
target=_blank j4="deviajes_layer" j3="revistas">Deviajes</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.diezminutos.wanadoo.es/"
target=_blank j4="diezminutos_layer" j3="revistas">Diez Minutos</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.elle.wanadoo.es/"
target=_blank j4="elle_layer" j3="revistas">Elle</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.elledeco.wanadoo.es/"
target=_blank j4="elledeco_layer" j3="revistas">Elle Deco</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.emprendedores.wanadoo.es/" target=_blank
j4="emprendedores_layer" j3="revistas">Emprendedores</a></div></td>
<td valign=top> <div class=bgbdyalt><a class=lnk href="http://www.fotogramas.wanadoo.es/"
target=_blank j4="fotogramas_layer" j3="revistas">Fotogramas</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.que-leer.wanadoo.es/"
target=_blank j4="queleer_layer" j3="revistas">Qué Leer</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.quemedices.wanadoo.es/"
target=_blank j4="quemedices_layer" j3="revistas">¡Qué me dices!</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.quo.wanadoo.es/"
target=_blank j4="quo_layer" j3="revistas">Quo</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.ragazza.wanadoo.es/"
target=_blank j4="ragazza_layer" j3="revistas">Ragazza</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.supertele.wanadoo.es/"
target=_blank j4="supertele_layer" j3="revistas">Supertele</a></div>
<div class=bgbdyalt><a class=lnk
href="http://www.teleindiscreta.wanadoo.es/" target=_blank
j4="teleindiscreta_layer" j3="revistas">Teleindiscreta</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.tele-novela.wanadoo.es/"
target=_blank j4="telenovela_layer" j3="revistas">Telenovela</a></div>
<div class=bgbdyalt><a class=lnk href="http://www.t-p.wanadoo.es/"
target=_blank j4="tp_layer"
j3="revistas">Tp</a></div></td>
</tr>
</tbody>
</table>
</div>
</div>
</DIV>
</DIV>
</DIV>
</DIV>
</BODY>
</HTML>



NORMAL.CSS
A {
FONT-SIZE: 11px; LINE-HEIGHT: 13px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.lnk {
COLOR: #000
}
#col_izq {
FLOAT: left; WIDTH: 138px; max-width: 138px
}
#mn .bgbdy {
PADDING-LEFT: 10px; HEIGHT: 20px
}
#sd .bgbdyalt {
PADDING-LEFT: 10px; HEIGHT: 20px
}
#mn .lnk {
LINE-HEIGHT: 17px
}
#mn .bgbdy {
BORDER-TOP: #fff 1px solid; BACKGROUND-COLOR: #efefef
}
#sd {
WIDTH: 276px
}
#sd .bgbdyalt {
BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid
}
#sd TABLE {
BORDER-RIGHT: #c03 1px solid; BORDER-TOP: #c03 1px solid; BORDER-LEFT: #c03 1px solid; BORDER-BOTTOM: #c03 1px solid; BACKGROUND-COLOR: #efefef
}

jaxolotl
18 de Junio del 2004
existe una extension muy interesante de macromedia, es free, produce menu en formato tree como los que puedes ver en esta pagina que estoy desarrollando (son los menu que aparecen cuando pasas sobre los botones de la izquierda)

jaxolotl
18 de Junio del 2004
me olvide la URI
www.adshop.it/viappiani/

dime si ti sirve y te explico como usarlo.
(los colores y la fuentes sono todas personalizables, inclusive manipulando un poco el codigo agregandole clases en css podes hacer cosas muy interesantes)

vane22
18 de Junio del 2004
Muchas gracias por tu atención, he entrado a tu web y eres un gran diseñador, estoy interesada en la opción q me comentas, si me dices cual es la extensión de DW q me comentas y me explicas a grandes rasgos como utilizarla te lo agradeceré muxo.

Besos y Salu2

jaxolotl
18 de Junio del 2004
en realidad no es una extension pues viene incluido in los behaviors(comportamientos) de la version mx2004 (creo que tambien el la version mx de dreamweaver tambien està)

El Behavior se llama "Show Pop-Up Menu"

Primero que nada debes crear el "Site" en dreamweaver, para ello debes ir al menu Window=>Files de DW o apretar F8 una vez creado tu site con el Site manager donde te pregunta la carpeta donde se encuentra el sitio y la carpeta de las imagenes recien puedes empezar.

El behavior se puede aplicar a todo objeto che tenga una tag <a> aun sin que este contenga un "href"

El behavior lo encuentras en la ventana de los comportamientos y como dije antes se llama Show Pop Up menu.

te paso las primeras lineas de explicacion que encuentras en el Help de DW
#########################################
Show Pop-Up Menu
You use the Show Pop-Up Menu behavior to create or edit a Dreamweaver pop-up menu or to open and modify a Fireworks pop-up menu you’ve inserted in a Dreamweaver document.

You set options in the Show Pop-Up Menu dialog box to create a horizontal or vertical pop-up menu. You can use this dialog box to set or modify the color, text, and position of a pop-up menu.

Note: You must use the Edit button in the Dreamweaver Property inspector to edit images in a Fireworks image-based pop-up menu. You can, however, use the Show Pop-Up Menu command to change the text in an image-based pop-up menu. For information about editing images in Fireworks, see Working with Other Applications.

To view a pop-up menu in a document, you must open the document in a browser window, then roll the pointer over the triggering image or link.

To use the Show Pop-up Menu action:
Select an object to attach the behavior to and open the Behaviors panel (Shift+F3).
Click the Plus (+) button and select Show Pop-Up Menu from the Actions pop-up menu.
In the Show Pop-Up Menu dialog box that appears, use the following tabs to set options for the pop-up menu:
Contents allows you to set the name, structure, URL, and target of individual menu items.

Appearance enables you to set the appearance of the menu’s Up State and Over State and to set font choices for menu item text.

Advanced allows you to set the properties of the menu cells. For example, you can set cell width and height, cell color and border width, text indention, and the length of delay before the menu appears after the user moves the pointer over the trigger.

Position lets you set where the menu is positioned relative to the triggering image or link.

Se deseas que te muestre algunos trucos para personalizar mas profundamente el menu solo escribelo aqui.

Qualquier pregunta que tengas sientete comoda de hacerla.

jaxolotl
18 de Junio del 2004
me olvide la URI
www.adshop.it/viappiani/

dime si ti sirve y te explico como usarlo.
(los colores y la fuentes sono todas personalizables, inclusive manipulando un poco el codigo agregandole clases en css podes hacer cosas muy interesantes)