Poner animación a los botones del menu y poner link para ir a un foro

[marccas]

Hola a todos. Mi pagina web es: http://nerea.comlu.com/
Quisiera conseguir que los botones o las opciones del emnu tengan animacion.
Osea mi idea de animación seria. Primera animación, cunado se pasa por encima del boton con el raton sin llegar a presionar el boton este cambie de color, osea si es negro que se aclare un poco y se vuelva algo gris y ademas si se aprieta el boton con su marco incluido de color gris se hunda. Eso es una de las animaciones que em gustaria conseguir con toods los botones del menu.
A parte en el menu del boton que dice Foro, quisiera enlazar un foro. El foro ya lo tengo creado, que es este: http://nereasinger.creatuforo.com/
Lo que quisiera es poner ese link del foro que tengo al boton del menu que dice "Foro", osea que al clicar ese boton ya directamente me envie al foro.
Gracias de antemano por la ayuda. Espero haberme explicado bien.

[Carlangueitor]

Si no quieres transiciones para los efectos puedes usar CSS, con las pseudoclases :hover y :active : http://www.librosweb.es/css_avanzado...active_y_focus (con CSS3 se pueden transiciones, pero no todos los navegadores). Si quieres transiciones puedes preguntar en Javascript.

Saludos

[marccas]

Hola Carlangueitor. Ya vi el enlace que pusiste, me sirvio de mucha ayuda. El problema es que soy nova con esto d ela web y el codigo html. Me seria de mucha ayuda que me lo mostraras mas especificamente con ejemplos de codigo html.DE todas formas muchas gracias.

[oskarvisual]

Veo que el menú de la web que estas haciendo, es toda una imagen, seria mejor que los separes, es decir una imagen para inicio, otra para noticias, eventos, etc...
Una vez esto has 2 imágenes por cada link... por ejemplo el botón inicio1 con fondo negro y el botón inicio2... con fondo blanco... para lo siguiente que te voy a explicar, es mejor que te bajes el dreamweaver que es un editor de html, una vez instalado y creado tu sitio abres la pagina en la que vas a poner el botón y vas a la opción insertar | objetos de imagen | imagen de sustitución , lo que sigue a continuación ya es muy intuitivo solo tienes que leer las indicaciones...
Dreamweaver también te da la opción de colocar botones pre fabricados en flash eso esta en la opcion insertar | media | botn flash .
Espero haber sido de ayuda.... saludos

[Carlangueitor]

Código HTML:

<a href="#" class="btn">Botón</a>
 

Código CSS:

#btn {
display: block;
width: 100px;
height: 80px;
background: #DF0174; /*Color Normal*/
}
#btn:hover {
background: #FF0080; /*Color cuando el Mouse pasa*/
}
#btn:active {
background: #FA58AC; /*Color Pulsado*/
}
 

Si no entiendes este código entonces necesitas leer más de HTML y CSS.

Saludos

[marccas]

Gracias carlangueitor por el codigo. Oskarvisual, me podrias explicar mas detalladamente como hago para que cada boton del menu sea una imagen, para que este separados. Gracias de antemano por la ayuda.

[oskarvisual]

córtalos con algún software de edición de imágenes, como puede ser el caso de Photoshop, Fireworks o GIMP... de ahí creas una tabla y los ordenas para que no se vea feo...

Saludos

[marccas]

Una cosa Carlengueitor el codigo html que me has pasado para canviar de color los botones del menu la pasar y que aparte se hundan al clicarlos, en que parte tengo que colocar ese codigo que em diste. Gracias de antemano.

[Carlangueitor]

Pues en depende de donde lo quieras. Pero como te dije, si no comprendes el código será mejor que te pongas a leer algo de HTMl y CSS.

Saludos

[jomaruro]

Hola:

Iniciado por Carlangueitor

Pero como te dije, si no comprendes el código será mejor que te pongas a leer algo de HTMl y CSS.

Por ejemplo en www.librosweb.es

Saludos.