Imagem do menu alterar com hover

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

Resolvido Imagem do menu alterar com hover

Mensagem por Shocks em 20/12/11, 10:15 pm

Qual é minha questão:
Olá,

Segui este tutorial para tal efeito: http://ajuda.forumeiros.com/t47333-mudar-imagens-do-menu-ao-passar-o-mouse?highlight=imagens

E gostaria de saber se é possível fazer também com links personalizados, ou seja, que eu adicionei ao menu.

Medidas que eu tomei para corrigir o problema:
.

Imagens do meu problema:
.

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3

Shocks
Nível 5

Masculino
Inscrito dia : 01/05/2010
Mensagens : 54
Pontos Ativos : 92

Ver perfil do usuário

Resolvido Re: Imagem do menu alterar com hover

Mensagem por Jack Sparrow em 21/12/11, 01:26 am

Olá;
creio que não pois cada botão tem um ID (os que tem no link que você deu pra gente) e os que são personalizados não tem.
vou mostrar pra você um exemplo:
Botão padrão do forum:
<img id="i_icon_mini_index" src="http://i47.servimg.com/u/f47/15/87/31/43/i_icon15.png" border="0" hspace="0" alt="Início" title="Início">
Vermelho: É o ID do botão.

Agora o botão criado:
<a class="mainmenu" href="/t628-medalhas-e-trofeus#6707" target="_blank"><img src="http://www.singularsaobernardo.com.br/portal/ef2/destaque/trofeu.gif" border="0" hspace="0" alt="Trofeus e medalhas" title="Trofeus e medalhas"></a>

Como pode perceber, não tem o ID.


Espero ter ajudado.
Até mais Muito feliz
avatar

Jack Sparrow
Membro do Fórum

Masculino
Inscrito dia : 23/04/2011
Mensagens : 1223
Pontos Ativos : 1801

Ver perfil do usuário http://www.monsterhunterbrasil.com

Resolvido Re: Imagem do menu alterar com hover

Mensagem por Shocks em 21/12/11, 01:41 am

Olá, agradeço a atenção.
Irei aguardar mais um pouco, pode ser que saibam alguma solução utilizando javascript, mas penso que é improvável, mantenho poucas esperanças.
É frustrante, mas é a vida. xD

Até mais.

Shocks
Nível 5

Masculino
Inscrito dia : 01/05/2010
Mensagens : 54
Pontos Ativos : 92

Ver perfil do usuário

Resolvido Re: Imagem do menu alterar com hover

Mensagem por Gaaratsu em 21/12/11, 01:46 am

Olá,

tente;

a.mainmenu:hover {
border-bottom: 3px solid #00A4CD;
background-image: url(Endereço_da_sua_imagem);
}
Painel de Controle :seta2: Visualização :seta2: Aba " Imagens e Cores " :seta2: Cores Flecha ajudeiros Folha de Estilo CSS


Flecha ajudeiros Negrito de vermelho, é o hexadecimal de sua cor, no caso eu estou usando a base do Fórum dos Fóruns, caso queira alterar basta modificar para o valor desejado.
Flecha ajudeiros: Endereço_da_sua_imagem ... o endereço da imagem que surtirá o efeito.

Até mais ! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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

Resolvido Re: Imagem do menu alterar com hover

Mensagem por Shocks em 21/12/11, 02:29 am

Olá Gaaratsu,
Acho que não entendeu minha questão.

Shocks
Nível 5

Masculino
Inscrito dia : 01/05/2010
Mensagens : 54
Pontos Ativos : 92

Ver perfil do usuário

Resolvido Re: Imagem do menu alterar com hover

Mensagem por Convidad em 21/12/11, 12:09 pm

Olá,

Veja estes tópicos:

Seta http://ajuda.forumeiros.com/t48872-
Seta http://ajuda.forumeiros.com/t50091-

Não sei se será possível para a sua versão, mais tente seguir o conteúdo dos tópicos.

Atenciosamente. Piscada

Convidad
Convidado


Resolvido Re: Imagem do menu alterar com hover

Mensagem por Gaaratsu em 21/12/11, 12:17 pm

Olá,

Tente;

Código:
CLASSE:hover;mouse.effect; {
background-image: url(Endereço_da_sua_imagem) !important;
position: fixed !important;
}

Até mais ! Piscada


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7499

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