Imagens do menu animadas Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Imagens do menu animadas

2 participantes

Ir para baixo

Tópico resolvido Imagens do menu animadas

Mensagem por Pika_mestre 13.07.11 13:09

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 17:29, editado 1 vez(es)
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens do menu animadas

Mensagem por Dury 13.07.11 15:54

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.
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens do menu animadas

Mensagem por Pika_mestre 13.07.11 16:16

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?
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens do menu animadas

Mensagem por Dury 13.07.11 16:21

Olá,

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

Até mais!
Piscada
Dury
Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagens do menu animadas

Mensagem por Pika_mestre 13.07.11 17:28

Jeffrey escreveu:Olá,

Mesmo assim não compreendi, mas creio que esse tópico poderá ajudar: https://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!
Pika_mestre
Pika_mestre
****

Membro desde : 28/06/2011
Mensagens : 362
Pontos : 580

http://pokemestre.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos