Efeito no menu

3 participantes

Ir para baixo

Tópico resolvido Efeito no menu

Mensagem por patamar16 11.12.11 19:01

Qual é minha questão:
Salve povo! Eu construi um modelo de layout no forum, e criei um menu+logo imbutido, tudo funfando certin, mais queria saber como colocar um efeito rollover, sendo que quando passa-se o mouse em uma imagem do menu, Como exeplo, a do Jogar, muda-se para outra imagem:
Efeito no menu Exemploh

so preciso do codigo para o jogar, o resto eu fasso usando esse exemplo Muito feliz (sei pegar o id dos botoes, so nao sei o codigo completo para o rollover :[ )

Quem poder me ajudar agradeço Muito feliz

Medidas que eu tomei para corrigir o problema:
umas que nao resultaram e nada rsrs

Imagens do meu problema:
.

Endereço do meu fórum:
http://imperadores.br.vu

Versão do meu fórum:
INVISION
patamar16
patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no menu

Mensagem por Oto! 11.12.11 21:18

Olá!

Veja as classes CSS ligadas à cada imagem do menu:

#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_portal { Corresponde à imagem portal.
#i_icon_mini_calendar { Corresponde à imagem calendário.
#i_icon_mini_faq { Corresponde à imagem Faq/Perguntas e respostas criadas por si no painel de controle.
#i_icon_mini_search { Corresponde à imagem buscar.
#i_icon_mini_index { Corresponde à imagem início/Fórum.
#i_icon_mini_members { Corresponde à imagem de membros do fórum.
#i_icon_mini_groups { Corresponde à imagem grupos.
#i_icon_mini_profile { Corresponde à imagem perfil.
#i_icon_mini_message { Corresponde à imagem do link do menu MP.
ul.navlinks span.new-message { Corresponde à imagem do link do menu Nova MP.
#i_icon_mini_logout { Corresponde à imagem do link do menu Sair.
i_icon_mini_login { Corresponde à imagem do link do menu Login/Entrar.
i_icon_mini_register { Corresponde à imagem do link do menu Registrar/Cadastrar.

Agora para colocar uma imagem para exibir quando passar o mouse em cima do link veja:

#i_icon_mini_message:hover {
background-image: url(Endereço_da_sua_imagem);
}
Isso acima é um exemplo, deverá ser modificado a parte "#i_icon_mini_message", dependendo da escolha das classes.

O código depois de produzido, deverá ser adicionado em:
Painel de controle Flecha ajudeiros Visualização Flecha ajudeiros Imagens e cores Flecha ajudeiros Cores / Folha estilo CSS

Confirme se ainda necessita de suporte adicional Piscada

Até Mais!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
Oto!
Oto!
Hiper Membro

Membro desde : 07/04/2011
Mensagens : 3363
Pontos : 4818

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no menu

Mensagem por patamar16 12.12.11 0:40

Ixi, esse codigo parece funcionar, mais o problema e que esses botoes eu criei manualmente la em ''cabeçalho e navegaçao'' entao nao consigui achar o id neles, tem como eu adicionar um id nestes botoes criados ?
de uma olhada em como esta a situaçao do source ligado ao menu:
https://2img.net/r/ihimizer/img521/746/probks.png

os antigos eu substitui a imagem com uma imagem invisivel 1x1...E dechei so esses menus mostrado na imagem acima aparecendo... porem nao possuem o ID, somente o login/sair que eu mantí. Tem como colocar id nos criados manualmente?

Vlw Pela Força ;D

patamar16
patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no menu

Mensagem por Luiiz 12.12.11 1:03

No inspecionar elemento, clique na lupa, e depois coloque o cursor encima do botão, vai aparecer um balão de texto com o ID do elemento!
Luiiz
Luiiz
***

Membro desde : 06/07/2011
Mensagens : 193
Pontos : 281

http://newlayout.forumbrasil.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no menu

Mensagem por patamar16 12.12.11 1:13

Como ja citei, a imagem mostra tudo, nao tem ID nestes menus que eu criei manualmente, somente nos antigos, que eu Retirei.
Se conseguir encontrar o ID de alguma forma me manda ai :p
patamar16
patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no menu

Mensagem por Convidad 12.12.11 1:45

Boa noite,

Creio que não irá dar certo um efeito hover com as imagens (em CSS), porém, se quiser a tag do menu que você fez.. é esta:


#submenu {
propriedades
}

Você quer colocar um hover.. mais no seu caso é diferente. Pois há apenas uma ID para todas as imagens. No caso, o código para o fundo é este:


#submenu ul li a:hover{background-image: url(LINKAQUI);}

Espero que tenha compreendido.
Atenciosamente.
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no menu

Mensagem por patamar16 12.12.11 13:10

Intendo :/
Vlw pela ajuda mesmo assim ^^
---
Perai, nao tem como eu pegar e criar os botoes no css e colocar id?
patamar16
patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no menu

Mensagem por Convidad 14.12.11 3:59

Olá,

Olhe a mensagem do Helper, lá estão todas as ID's de botões.

As ID's já vem padronizadas, você poderá colocar as imagens pelo painel de controle (Visualização->Gestão das imagens) e depois modificar pelo CSS o que desejar.

Atenciosamente.

Anonymous
Convidad
Convidado


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