Foros del Web » Creando para Internet » CSS »

Menus desplegables

Estas en el tema de Menus desplegables en el foro de CSS en Foros del Web. hola a todos soy nuevo por aqui, y quisiera saber como crear un menu desplega. Un pagarito me dijo que era con CSS y javascript. ...
  #1 (permalink)  
Antiguo 23/12/2005, 11:25
Avatar de razpeitia
Moderador
 
Fecha de Ingreso: marzo-2005
Ubicación: Monterrey, México
Mensajes: 7.321
Antigüedad: 19 años, 1 mes
Puntos: 1360
Menus desplegables

hola a todos soy nuevo por aqui, y quisiera saber como crear un menu desplega.
Un pagarito me dijo que era con CSS y javascript. Se lo basico de java de html de css no muicho se de todo un poco. Pero por ahora solo me conformare con crear un menu dezplegable.
  #2 (permalink)  
Antiguo 23/12/2005, 12:33
Avatar de razpeitia
Moderador
 
Fecha de Ingreso: marzo-2005
Ubicación: Monterrey, México
Mensajes: 7.321
Antigüedad: 19 años, 1 mes
Puntos: 1360
http://javascript.espaciolatino.com/...nmenu/form.htm
encontre una oage muy interesante pero, no puedo hacer uno yo mismo
  #3 (permalink)  
Antiguo 23/12/2005, 17:38
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 435
Antigüedad: 18 años, 7 meses
Puntos: 3
Prubá con este:

<!-- PRIMER PASO: Copiar este código dentro del tag HEAD -->

<script language="JavaScript" src="navcond.js">
</script>

<script language="JavaScript">

/*
Top Navigational Bar II (By Mike Hall @ Brainjar.com)
*/

var myNavBar1 = new NavBar(0);
var dhtmlMenu;

//define menu items (first parameter of NavBarMenu specifies main category width, second specifies sub category width in pixels)
//add more menus simply by adding more "blocks" of same code below

dhtmlMenu = new NavBarMenu(100, 0);
dhtmlMenu.addItem(new NavBarMenuItem("Inicio", "index.htm"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Depósito", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Caducar página", "caducar.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Pantalla completa", "ventanafull.htm"));
dhtmlMenu.addItem(new NavBarMenuItem("Anular botones", "mouse.htm"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(110, 120);
dhtmlMenu.addItem(new NavBarMenuItem("Tutoriales", ""));
dhtmlMenu.addItem(new NavBarMenuItem("La Variable", "http://www.lavariable.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Programación", "http://www.programacion.net"));
dhtmlMenu.addItem(new NavBarMenuItem("ABC Datos", "http://www.abcdatos.com/"));
dhtmlMenu.addItem(new NavBarMenuItem("Cybercursos", "http://www.cybercursos.net/"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Buscadores", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Yahoo", "http://www.yahoo.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Alta Vista", "http://www.altavista.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Infoseek", "http://www.infoseek.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Excite", "http://www.excite.com"));
dhtmlMenu.addItem(new NavBarMenuItem("HotBot", "http://www.hotbot.com"));
myNavBar1.addMenu(dhtmlMenu);

dhtmlMenu = new NavBarMenu(100, 150);
dhtmlMenu.addItem(new NavBarMenuItem("Webmasters", ""));
dhtmlMenu.addItem(new NavBarMenuItem("Foros del Web", "http://www.forosdelweb.com"));
dhtmlMenu.addItem(new NavBarMenuItem("Desarrollo Web", "http://www.desarrolloweb.com"));
dhtmlMenu.addItem(new NavBarMenuItem("JavaScript", "http://javascript.internet.com"));
dhtmlMenu.addItem(new NavBarMenuItem("BrainJar", "http://brainjar.com"));
myNavBar1.addMenu(dhtmlMenu);

//set menu colors
myNavBar1.setColors("#ffffff","#ffffff","#000000", "#ffffff","#6B6B6B","#000000","#C0C0C0","#ffffff", "#8A0000")
myNavBar1.setFonts("Arial","plain","bold","11px"," Arial","plain","bold","11px");

//uncomment below line to center the menu (valid values are "left", "center", and "right"
//myNavBar1.setAlign("center")

var fullWidth;

function init() {

// Get width of window, need to account for scrollbar width in Netscape.

fullWidth = getWindowWidth()
- (isMinNS4 && getWindowHeight() < getPageHeight() ? 16 : 0);

myNavBar1.resize(fullWidth);
myNavBar1.create();
myNavBar1.setzIndex(2);
}
</script>


<!-- SEGUNDO PASO: Agregar esta línea dentro del tag BODY -->

<body onload="init()">
Fijate si te parece.
Sdos
Admoro
  #4 (permalink)  
Antiguo 24/12/2005, 10:35
Avatar de razpeitia
Moderador
 
Fecha de Ingreso: marzo-2005
Ubicación: Monterrey, México
Mensajes: 7.321
Antigüedad: 19 años, 1 mes
Puntos: 1360
No me salio me falto algo?
  #5 (permalink)  
Antiguo 25/12/2005, 00:24
Avatar de razpeitia
Moderador
 
Fecha de Ingreso: marzo-2005
Ubicación: Monterrey, México
Mensajes: 7.321
Antigüedad: 19 años, 1 mes
Puntos: 1360
Ya averigue algo que talvez no sea muy revelante para ustedes pero para mi si tengo que hacer un java scrip como el de arriba y aparte un archivo .css con el estilo del menu. Pero como?
  #6 (permalink)  
Antiguo 25/12/2005, 03:25
 
Fecha de Ingreso: octubre-2005
Mensajes: 419
Antigüedad: 18 años, 5 meses
Puntos: 0
descarga Sothink DHTMLMenu con ese lo haces in prolblema
  #7 (permalink)  
Antiguo 26/12/2005, 08:30
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 19 años
Puntos: 0
busca css dropdown menu en el foro y vas a encontrar bastante, uno de los mas famosos es este:
http://www.htmldog.com/articles/suckerfish/dropdowns/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:40.