Codigo de efeito com erro

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

Resolvido Codigo de efeito com erro

Mensagem por pyrohinotama em 08/06/13, 10:56 am

Qual é minha questão:
Ola eu usei o código contido no topico abaixo:
http://ajuda.forumeiros.com/t47333-mudar-imagens-do-menu-ao-passar-o-mouse#315600

só que este não estão funcionando:
Código:
#i_icon_mini_members :hover {
background-image: url(http://i.imgur.com/ToPNcjs.png);
}
ul.navlinks span.new-message:hover {
background-image: url(http://i.imgur.com/wJJzGAk.png);
}
i_icon_mini_login:hover {
background-image: url(http://i.imgur.com/URH74Vl.png);
}
i_icon_mini_register:hover {
background-image: url(http://i.imgur.com/QORLOb3.png);
}

aonde está o erro destes códigos ?

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

Versão do fórum:
PHPBB3


Última edição por pyrohinotama em 08/06/13, 03:05 pm, editado 1 vez(es)
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Codigo de efeito com erro

Mensagem por DaViD-DaViD em 08/06/13, 11:23 am

Código:
<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Locais Onde Funciona o COdigo :

1.Mensagem da Home Page:
Painel de Controle -> Visualização -> Home Page -> Geral -> "Mensagem da Home Page"

2.Widgets (em todos que são possíveis de criar ou modificar):
Painel de Controle -> Módulos -> Portal & Widgets -> Configuração do portal -> Estrutura
ou
Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos widgets do fórum

3.Newsletter's (modo HTML)
Painel de Controle -> Geral -> Newsletter -> Redação e envio

4.Mensagens Privadas (MP) e mensagens (com HTML ativado para as mensagens) Só terá efeito na determinada mensagem!

DaViD-DaViD
Nível 9

Masculino
Inscrito dia : 01/05/2013
Mensagens : 153
Pontos Ativos : 263

Ver perfil do usuário http://ultra.forum-pro.net

Resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama em 08/06/13, 11:31 am

cara, não é isso não, o código que eu dei( no link também ) é um código css para dar efeito hover nos botões do MENU, e os que eu mostrei são os que estão com defeito( não estão funcionando )
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Codigo de efeito com erro

Mensagem por Convidado em 08/06/13, 12:05 pm

Olá!

Troque o código por este:
a.mainmenu[href="/ID"]:hover{
background-image: url('AQUI URL DA IMAGEM' );
}

Vermelho > Troque pelo ID do menu, exemplo: Se for o portal basta colocar /portal.
Verde > Troque pelo qual pede.

Até mais. Muito feliz

Convidado
Convidado


Resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama em 08/06/13, 12:33 pm

certo, mas qual seria o id para "nova MP"( o botão de nova mensagem privada )
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Codigo de efeito com erro

Mensagem por Convidado em 08/06/13, 12:39 pm

Olá!

Seria este: /privmsg?folder=inbox o ID é o mesmo, basta você alterar a imagem no painel de controle pelo "Gestão de imagens".

Até mais. Muito feliz

Convidado
Convidado


Resolvido Re: Codigo de efeito com erro

Mensagem por cholati em 08/06/13, 12:42 pm

Olá,
Se não está funcionando, pode ser da sua versão, tente usar este.
Código:
<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />
Se não funcionar
coloque
Código:
a.mainmenu[href="/Nova mensagem"]:hover{
background-image: url('http://i.imgur.com/c9gdBUc.png' );
}
Aonde está "/Nova mensagem" vc pode mudar para outros menus, tipo íncice, registrar e outros.
Até.
avatar

cholati
Nível 9

Masculino
Inscrito dia : 07/12/2012
Mensagens : 180
Pontos Ativos : 281

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

Resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama em 08/06/13, 12:45 pm

ola, ainda apresenta o mesmo problema
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Codigo de efeito com erro

Mensagem por MateusA em 08/06/13, 02:22 pm

Olá! Piscada

Primeiramente remova as imagens do painel de controle, somente usará imagens por meio de códigos CSS! Para remover aceda à:
Painel Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilos CSS

Tem sim como fazer, será este o código que deverá usar, adicionando uma vez cada um da forma como vou explicar agora:
classe {
background-image: url(ENDERECO_DA_IMAGEM);
padding: ALTURApx LARGURApx;
}

classe:hover {
background-image: url(ENDERECO_DA_IMAGEM_MOUSE_OVER);
padding: ALTURApx LARGURApx;
}
Nos campos altura e largura deverá colocar metada da altura e metade da largura da imagem que pretende colocar, agora teremos que ver qual é a classe para cada botão. Onde tem classe em laranja mude para isso:
#i_icon_mini_index - Início
#i_icon_mini_portal - Portal
#i_icon_mini_calendar - Calendário
#i_icon_mini_faq - FAQ
#i_icon_mini_search - Buscar
#i_icon_mini_members - Membros
#i_icon_mini_groups - Grupos
#i_icon_mini_profile - Perfil
#i_icon_mini_message - Sem novas MPs
#i_icon_mini_new_message - Novas MPs
#i_icon_mini_login - Login
#i_icon_mini_logout - Logout

Até mais. zen
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama em 08/06/13, 03:01 pm

ola, ainda não deu certo,
não outro comando pra estes botões mesmo ?? preciso disso muito
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

Resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama em 08/06/13, 03:05 pm

lol, descobrio o erro!! era os comandos mesmo alguns tavam com "espaço"entre o as classes e o :hover, e outros a classe tava errada, valeu crazy ce me forneceu as certas Muito feliz
avatar

pyrohinotama
Usuário destaque

Masculino
Inscrito dia : 29/03/2013
Mensagens : 852
Pontos Ativos : 1304

Ver perfil do usuário http://rpgadventure.umforum.net/h2-alianca-katsuo

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