Posibles errores y fallos

Si tras estas instrucciones el desplegable no aparece puede deberse a varias cosas:

1.- Tu servidor no admite este tipo de importación de archivos. Es decir, no admite guardar códigos en estos txt y luego llamarlos desde la página web.

2.- Has olvidado subir todos los archivos a tu servidor.

3.- Has subido algunos archivos a carpetas incorrectas de tu servidor.

4.- Has nombrado a algunos archivos con alguna mayúscula, espacio, acento o símbolo raro.

5.- Te has equivocado al escribir el código, o te ha faltado cambiar algún número (desplegable2 en lugar de desplegable3, etc).

Si no te funciona revisa esos puntos o pregúntanos en el Foro CCTW donde te ayudaremos encantados!

Nota de Agradecimiento: Quiero dar las gracias desde aquí a Yaneth, Dnix y a todos los amigos del foro que me ayudaron a reaparar un pequeño fallo que daba el desplegable al visualizarlo con Internet Exporer. No se qué haria sin los colegas del foro de CCTW. Si la web está bien, el foro está cien veces mejor, gracias a todos ellos, clao. Gracias!!!

Cómo personalizar los menús desplegables

Sabía que no tardarias mucho en hacerme esa pregunta, así que prefiero adelantarme y responderte ahora, je je je. Si, es posible hacer algunos cambios en estos desplegables. Podemos cambiar las imágenes de los archivos que subimos al principio con solo editarlos, dibujar en ellos lo que queremos, guardarlos y subirlos de nuevo al servidor. Los cambios serán instantaneos.

También podemos cambiar el tipo de letra de estos menús, el color, etc, etc haciendo uso de nuestra hoja de estilo, claro.

Por otro lado, si abres el archivo que hemos llamado no-tocar.txt podrás ver como muy al principio aparecen unas cuantas opciones que puedes personalizar. Están bajo el título de "Configuration properties". Desde ahí puedes cambiar la ruta de las imagenes usadas, modificar la velocidad de apertura y cierre de los desplegables y poco más. El resto de código de ese archivo mejor no lo toques (a no ser que sepas lo que haces) o puede que los desplegables te dejen de funcionar.

Quieres un menú desplegable transparente?

Otra cosa muy muy interesante. Recuerdas esos dos archivos llamados fondo-no-activo.gif y fondo-activo.gif? Pues bien. El primero es una simple imagen de fondo para cada una de las subsecciones abiertas cuando no tiene el cursor del ratón encima. El otro es el fondo que se muestra en una subsección cuando el ratón pasa por encima. Hasta aquí bien, pero... qué ocurre si eliminas esos dos archivos? Qué crees que pasara?

Pues que como no tienen fondo los menús serán ligeramente transparentes, mostrandose lo que hay detras. El efecto es genial, de veras. Haz la prueba. Pero en lugar de eliminarlos (por si acaso no te gusta el efecto de transparencia) cambiales el nombre. Luego, si los quieres recuperar le pones el nombre original y marchando.

Qué? Qué tál lo ves transparente? Mola verdad? je je je.

Cambiar el color de la transparencia del menú desplegable

Otra cosa más. Si te decides por el modo transparente, quizás no te guste mucho el color que queda. Para cambiarlo solo tienes que poner el color que te guste en la linea 34 (más o menos) del archivo no-tocar.txt. Es una línea así:

TransMenu.backgroundColor = "#C4CCCC";    // color of the background (transparency set in CSS)

Si cambias lo que he señalado en negro cambiará el color de ese fondo.

Cambiando el color de la sombra del menú desplegable

Además, en ese mismo archivo un par de líneas por encima verás otra línea similar en la que podrás cambiar el color de la sombra.

Que creias? Que todos ibamos a tener el desplegable identico? ja ja ja.

Nota Final

Ahora ya sabes colocar un menú horizontal (capa #navegacion), un menú lateral (capa #menu) y también uno desplegable. Seguramente sean demasiados menús para tu plantilla. Recuerda que puedes eliminar por ejemplo el menú lateral que seguramente ya no te haga falta si te decides por el desplegable. También puedes vaciarlo, pero no eliminarlo y aprovechar así ese espacio rectangular para colocar en un futuro algún anuncio tuyo comentando alguna noticia o novedad en tu web, o para poner publicidad, algún dibujo decorativo, etc.

Nos vemos pronto con más lecciones!