Cosillas para mis alumnos

Espero que disfruteis este recopilatorio, si llegais a usar alguno de ellos de forma personal o profesional, siempre mantener la información sobre el autor que viene en el código. Recopilatorio: MENUS-CSS Espero que los podáis usar alguna vez. Suerte a todos.

Lo ultimops selectores que hay abajo no sirven (en todo caso para el IE) simplemente es para explicar el proceso. Bajar

Algunas paginas interesantes: Recursos variados (botones, bordes redondos, menus,...) Diseño de menus Manuales XHTML, CSS, JavaScript, AJAX, Simfony Ejemplo de menus con niveles ( CSS Express Drop-Down Menus ) El pirata PataPalo.

Primer menu desplegable sencillo, se complicara más adelante. Download ...>

Lo primero que necesitamos para hacer el menu, es una lista con dos niveles. Nombramos el primero como "nav" y los demás con "off" excepto el que esta activo con "on". Después lo que vamos a hacer es flotar los elementos primarios para que se vean horizontalmente.Y esconder "hidden" todos los submenus o elementos secundarios. Aprovechamos tambien para dar color, grosor y borde a los links. A continuación posicionaremos nuestros elementos secundarios "#nav li.off ul, #nav li.on ul" debajo de los elementos principales de la lista, de talmanera que cuandolos mostremos nos queden en la situación correcta. Finalmente mostramos la barra de del submenu para el area activa, con un selector de todo el submenu de la clase "Modern" Por ahora deberíamos llevar algo asi: Ahora vamos activar el rollover (imagen de sustitución) . Usamos CSS para quitar el borde de los"nav" en el segundo nivel. Hay que obligar a mostra...