Codigo de efeito com erro

4 participantes

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

Tópico resolvido Codigo de efeito com erro

Mensagem por pyrohinotama 08.06.13 14:56

Qual é minha questão:
Ola eu usei o código contido no topico abaixo:
https://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 19:05, editado 1 vez(es)
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por DaViD-DaViD 08.06.13 15:23

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!
avatar

DaViD-DaViD
***

Membro desde : 01/05/2013
Mensagens : 153
Pontos : 263

http://ultra.forum-pro.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama 08.06.13 15:31

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 )
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por Convidado 08.06.13 16:05

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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama 08.06.13 16:33

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

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por Convidado 08.06.13 16:39

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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por cholati 08.06.13 16:42

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é.
cholati

cholati
***

Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama 08.06.13 16:45

ola, ainda apresenta o mesmo problema
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por MateusA 08.06.13 18:22

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
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama 08.06.13 19:01

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

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo de efeito com erro

Mensagem por pyrohinotama 08.06.13 19:05

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
pyrohinotama

pyrohinotama
Membro

Membro desde : 30/03/2013
Mensagens : 852
Pontos : 1304

http://rpgadventure.umforum.net/h2-alianca-katsuo

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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