Como fazer um menu desse estilo?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como fazer um menu desse estilo?

Mensagem por Luke Benward em 05/08/12, 11:26 am

Qual é minha questão:
Queria que meu menu fosse igual a este, é muito bonito e trabalhado.
Quando passamos o mouse em cima, a imagem meio que sobe um pouco, queria esse efeito




Links e imagens do meu problema:
Http://i.imgur.com/CYNBI.png

Endereço do meu fórum:
http://poke-soul.forumeiros.com/

Versão do meu fórum:
PHPBB3


Última edição por Luke Benward em 05/08/12, 12:02 pm, editado 1 vez(es)
avatar

Luke Benward
Nível 5

Masculino
Inscrito dia : 08/02/2012
Mensagens : 45
Pontos Ativos : 95

Ver perfil do usuário http://pokebatalha.forumeiros.com/

Resolvido Re: Como fazer um menu desse estilo?

Mensagem por Leandro_CQC em 05/08/12, 11:36 am

poxa também queria saber
avatar

Leandro_CQC
Nível 5

Masculino
Inscrito dia : 02/08/2012
Mensagens : 37
Pontos Ativos : 65

Ver perfil do usuário http://brasil-hardgames.forumeiros.com/

Resolvido Re: Como fazer um menu desse estilo?

Mensagem por BrunoH. em 05/08/12, 11:40 am

Olá amigo,
poderia me fornecer o fórum que viu estes menus?

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como fazer um menu desse estilo?

Mensagem por Nickname em 05/08/12, 11:42 am

Olá amigo,
Seria isto: http://ajuda.forumeiros.com/t56809- ?

Cordialmente
Dr. Kinki

Nickname
Membro do Fórum

Masculino
Inscrito dia : 13/11/2011
Mensagens : 1551
Pontos Ativos : 2048

Ver perfil do usuário http://ajuda.forumeiros.com https://www.facebook.com/gabrielstiflerz

Resolvido Re: Como fazer um menu desse estilo?

Mensagem por Luke Benward em 05/08/12, 11:49 am

Dr. Kinki, é justamente isso! Mas eu apenas queria saber se isso é possivel com imagens no Menu? Por exemplo, nesse fórum : http://www.pokeshiny.com/
As imagens formam uma linha embaixo e quando sobe, apenas o que está sobre a linha é transformado, olhá lá.
Queria um menu igual a este.
avatar

Luke Benward
Nível 5

Masculino
Inscrito dia : 08/02/2012
Mensagens : 45
Pontos Ativos : 95

Ver perfil do usuário http://pokebatalha.forumeiros.com/

Resolvido Re: Como fazer um menu desse estilo?

Mensagem por BrunoH. em 05/08/12, 11:52 am

@Luke Benward escreveu:Dr. Kinki, é justamente isso! Mas eu apenas queria saber se isso é possivel com imagens no Menu? Por exemplo, nesse fórum : http://www.pokeshiny.com/
As imagens formam uma linha embaixo e quando sobe, apenas o que está sobre a linha é transformado, olhá lá.
Queria um menu igual a este.

Olá amigo,
para dar o efeito nas imagens é so colar este código em sua CSS:
a.mainmenu:hover{position:relative;bottom:5px}

Abraços Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como fazer um menu desse estilo?

Mensagem por Luke Benward em 05/08/12, 12:02 pm

Pessoal, obrigado pelo código, deu certo.
avatar

Luke Benward
Nível 5

Masculino
Inscrito dia : 08/02/2012
Mensagens : 45
Pontos Ativos : 95

Ver perfil do usuário http://pokebatalha.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum