Imagens do menu animadas

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

Resolvido Imagens do menu animadas

Mensagem por Pika_mestre em 13/07/11, 09:09 am

Qual é sua questão:
Bom dia à todos! Já vi em muitos fóruns (se quiser dou um exemplo), que quando se coloca o mouse sobre a imagem do menu de navegação (em baixo do cabeçalho), acontece um efeito! Quero saber como faço isso!

Que medidas você tomou para corrigir o problema:
Vim ao FdF

Apresente-nos imagens do problema (se necessário):


Endereço do fórum:
http://pokemestre.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por josedaPM em 13/07/11, 01:29 pm, editado 1 vez(es)
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Imagens do menu animadas

Mensagem por Dury em 13/07/11, 11:54 am

Que efeito? Onde está? Como achou? Já que não especificou, lhe ofereço esse código:
- Explorando e conhecendo o código:
Abaixo algumas explicações de como fazer a modificação no código CSS:
a.mainmenu:hover{position:relative;bottom:5px}
Laranja -> Temos o que será feito no código. "Positon:relative" define a posição em que o código afetará. Já "bottom:5px" indica a altura em pixels, que subirá os ícones dos menus ao passarmos o mouse sobre os mesmos.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Imagens do menu animadas

Mensagem por Pika_mestre em 13/07/11, 12:16 pm

@Jeffrey escreveu:Que efeito? Onde está? Como achou? Já que não especificou, lhe ofereço esse código:
- Explorando e conhecendo o código:
Abaixo algumas explicações de como fazer a modificação no código CSS:
a.mainmenu:hover{position:relative;bottom:5px}
Laranja -> Temos o que será feito no código. "Positon:relative" define a posição em que o código afetará. Já "bottom:5px" indica a altura em pixels, que subirá os ícones dos menus ao passarmos o mouse sobre os mesmos.

Desculpe! Vou tentar especificar melhor respondendo:

Que efeito? Bom, quando se passa o mouse sobre uma das imagens do menu de navegação que há abaixo do cabeçalho... Bom, entre nesse fórum e veja:

http://pokemonfirestorm.forumeiros.com

Agora entendeu? O código que me passou faz isso?
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Imagens do menu animadas

Mensagem por Dury em 13/07/11, 12:21 pm

Olá,

Mesmo assim não compreendi, mas creio que esse tópico poderá ajudar: http://ajuda.forumeiros.com/t15695-

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Imagens do menu animadas

Mensagem por Pika_mestre em 13/07/11, 01:28 pm

@Jeffrey escreveu:Olá,

Mesmo assim não compreendi, mas creio que esse tópico poderá ajudar: http://ajuda.forumeiros.com/t15695-

Até mais!
Piscada

Como assim não compreendeu? Eu não entendi porque você disse que "não compreendeu"! Pois o tópico que você me passou era exatamente o que eu queria!

Ihaaaaaaaaaaaaaaaaaaaaaaaaaaaa...
Valeu mesmo Jeffrey você é demais! Rindo

Pode fechar o tópico!
avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

Ver perfil do usuário http://pokemestre.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