Imagem de menu com hover

[natimarinho 0]

Queria saber como se coloca hover em apenas uma parte de uma imagem. A imagem seria o topo do site, e nessa imagem teriam os espaços para os links que formaria o menu. Sei fazer o link através de mapeamento, mas gostaria de saber como colocar um hover nesse espacinho da imagem que é o menu.

 

Vou deixar aqui alguns sites de exemplos que usam isso que to falando:

 

http://www.keiraknightley.com.br/

http://darrencriss.com.br/

[Klausys 0]

Isso é puro alinhamento com css. Não é só uma imagem como você imagina. São várias imagens, cada uma forma um ítem do menu e contém um link e para cada ítem de menu existe uma segunda imagem que aparece quando o mouse passa em cima. Estas imagens estão dentro de uma div alinhada dentro de outra div que contém a imagem de fundo. Estude um pouco mais sobre css. Em especial alinhamento de divs, e eventos de link como hover, active, visited e também background.

[NetBoy16 72]

É isso que o @Klausys disse, para estudo eu recomendo esse site, especialmente esse tutorial

 

Bom estudos :thumbsup: