Crear Menu desplegable en esta web de mis amigos

Hola:
He hecho esta web para mis amigos http://misjueves.valmedia.es/ y me han pedido que les amplie el menu y quería quería meter un menú desplegable pero mis conocimientos no alcanzan a conseguirlo.

Yo lo que buscaba es un menu que al pasar el ratón por encima se despliegue el mismo....

Por si no sé explicarme bien...Si entráis en esta web http://www.ritmicamania.es/ y pasas por encima de "La Liga" se despliega...y sale Normativa, Reglamento...

Antes de seguir perdiendo horas y horas ¿alguien me puede decir si es posible manteniendo la misma imagen corporativa (tipo de letra, colores)..??

Si es factible ¿me podéis decir cómo por favor ?? LLevo una semana perdida y no consigo nada...

La plantilla que he usado es esta http://sg-layout.com/response-eve-html-template/


He intentado usar el "menu drop down" de este template gratuito...pero no logro hacerle funcionar...

http://www.freewebtemplates.com/download/free-website-template/scen…

Gracias por leerme

Edito: porque he quitado de mi servidor la plantilla con el menú agregado de:

http://www.araudi.net/Desplegables/menu_desplegable1.html

He visto que la plantilla que has utilizado, tiene una nueva versión 2.0:

http://sg-layout.com/responseeve-html5-template-version-2/

Y ya incluye opciones de menú desplegables, si le das a la demo a "New features" del menú, podrás comprobarlo:

http://sg-layout.com/demo/Eve-v2/features.html

(Nota: he descargado esta nueva versión y la voy a incluir en mi página de plantillas html5 responsive gratis, -http://templateca.es-, ¿me dejas enlazarte?, pues incluyo enlaces de las plantillas customizadas).

Consejo: cuando cambies de página, pases de index.html a otra de tu web, no te olvides de quitar el class="active" de la lista html del menú, en "Inicio", y dejarlo en la sección del menú de la página en la que estés. (me refiero a <li class="active">Inicio</li>, borras ese class="active" y lo dejas si, por ejemplo, pasas a "Quienes somos" en <li class="active">Quienes somos</li>, en la página html donde desarrollas esa sección).

Hola:

INIDENTIFICADA escribió:He visto que la plantilla que has utilizado, tiene una nueva versión 2.0:

http://sg-layout.com/responseeve-html5-template-version-2/

Y ya incluye opciones de menú desplegables, si le das a la demo a "New features" del menú, podrás comprobarlo:

http://sg-layout.com/demo/Eve-v2/features.html

(Nota: he descargado esta nueva versión y la voy a incluir en mi página de plantillas html5 responsive gratis, -http://templateca.es-, ¿me dejas enlazarte?, pues incluyo enlaces de las plantillas customizadas).

Consejo: cuando cambies de página, pases de index.html a otra de tu web, no te olvides de quitar el class="active" de la lista html del menú, en "Inicio", y dejarlo en la sección del menú de la página en la que estés. (me refiero a <li class="active">Inicio</li>, borras ese class="active" y lo dejas si, por ejemplo, pasas a "Quienes somos" en <li class="active">Quienes somos</li>, en la página html donde desarrollas esa sección).

Muchisismas gracias por tu ayuda. Cuando pueda sigo tus consejos y lo modifico. Me acabas de dar una gran alegría pue estaba ya frustrado pues no me salía...

Gracias gracias ;-) y ya te diré si lo he conseguido ...que soy muy muy novato en estos temas....

Claro que lo conseguirás, y si te atascas en algo, por aquí puedes solicitar que te echen una mano :-)