Bueno , quería saber como puedo hacer un menú del estilo de la imagen. estoy haciendo una web con adobe muse, no me gusta el menú desplegable que trae adobe muse , se hace demasiado extenso ya que tengo 16 páginas para colocar en el botón servicios y al desplegarse es muy largo y si le achico las letras no me gusta como queda. Por eso estoy buscando un menú en el que el botón servicios despliegue un rectángulo grande de punta a punta de la misma barra y dentro todos los links a las 16 paginas, en modo de letras y no rectángulos (botones) individuales separados por pagina.
ej.: imagen.
Adobe muse permite introducir código HTML así que necesitaría un lindo menú con esas características y con el código css dentro del mismo HTML como para poder pre visualizar su estética en el software sin tener que subirla al servidor para ver como queda y volver a corregirla indefinidamente.
También se me ocurrió crear un menú desplegable muy dinámico con un slide de fotos y lo logre, me quedo alucinante! pero tengo miedo que no todos los dispositivos logren leer ese slide , si fueran fotos baya y pase que alguien no pueda verlas pero que suceda con el menú principal ya estaría jodido.
Lo que hice fue insertar un slide de fotos con un solo casillero para mostrar supuestamente una sola foto , o sea, una ventana y una miniatura. la miniatura la deje vacía (no le puse foto) , le di forma rectangular y la apariencia del resto de los botones de mi menú ,al cual le deje vacío el lugar donde iría el botón "servicios". Dentro de la miniatura en forma de rectángulo escribí la palabra "servicios" le di un color normal y un color roll over (respetando el color del resto de mis botones) , en definitiva me quedo una miniatura con forma de botón con roll over , estado normal y el nombre servicios . El contenedor de la supuesta foto lo ubique debajo de forma rectangular (igual que la imagen) y dentro le escribí los nombres de las 16 paginas y los linkie a las paginas , a todo el slide le di un fade in al hacer roll over. entonces al pasar el mouse por el "botón" servicios aparece en forma de fade in todo el menú que contiene las 16 paginas, increíble idea!! pero el problema es que no existe fade out y el "menú" quedaría siempre visible hasta recargar la pagina. Resolví el problema agregando tres miniaturas mas , una arriba del "botón", otra a la izquierda y otra a la derecha, las mismas vacías y transparentes, por tanto cuando te posas sobre el botón aparece con fade in el rectángulo con las paginas y cuando moves el mouse fuera del botón , inevitablemente te chocas con alguno de los tres contenedores transparentes que al "visualizarse" (nada se visualiza por que están vacíos y son trasparentes) el rectángulo desaparece con fade out. wow!! un menú alucinante hecho con un slide, y eso no es todo , ya que puede agregársele otros efectos así como por ejemplo hacer que el menú venga de la izquierda en vez de aparecer con fade.
Y bien, asi lo dejaría si no fuera por que tengo miedo de que mi menú desplegable engañoso no funcione en todos los dispositivos. asi que necesitaría un menú desplegable con HTML y css similar al de la foto, como puedo lograrlo?
Gracias!