Menu

Depois de por-mos cores nas nossas DIV's com a transparência passamos a criação do nosso menu. Para tal começamos por programar no HTML um menu utilizando a tag <ul> e <li>. Criamos 5 <li> isto para cada pagina: biography, tour, media, albuns, contact e este foi o resultado:

Depois optemos o resultados que nos queríamos começamos por mudar as cores dos nomes dos menus e também alinha-los utilizando "padding e margin-right".

Após a uma longa pesquisa na Internet sobre vários efeitos em menus utilizando CSS3 que um menu podia ter acabamos por encontrar um que nos gostávamos. Primeiro criamos o efeito em que quando o rato passava pela DIV do menu os nomes dos menus ficavam desfocados. Para optermos este resultado usamos os seguintes codigos:

Depois programamos um efeito que quando rato passava pelo nome de um menu os restantes continuavam desfocados enquanto o nome do menu no qual tinhamos passado o rato fica com outra cor e o seu tamanho aumenta e para poder-mos fazer isso utilizamos estes codigos:

E o resultado que obtivemos foi o seguinte:

Andreea Blidaru & Marcos Pinheiro

http://andreeablidaru.comule.com/sticktoyourguns/