Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Codigo de efeito com erro
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Codigo de efeito com erro
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:
aonde está o erro destes códigos ?
Endereço do meu fórum:
http://snkrpg.forumeiros.com
Versão do fórum:
PHPBB3
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)
Re: Codigo de efeito com erro
- 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!
Re: Codigo de efeito com erro
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 )
Re: Codigo de efeito com erro
Olá!
Troque o código por este:
Verde > Troque pelo qual pede.
Até mais.
Troque o código por este:
Vermelho > Troque pelo ID do menu, exemplo: Se for o portal basta colocar /portal.a.mainmenu[href="/ID"]:hover{
background-image: url('AQUI URL DA IMAGEM' );
}
Verde > Troque pelo qual pede.
Até mais.
Convidado- Convidado
Re: Codigo de efeito com erro
certo, mas qual seria o id para "nova MP"( o botão de nova mensagem privada )
Re: Codigo de efeito com erro
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.
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.
Convidado- Convidado
Re: Codigo de efeito com erro
Olá,
Se não está funcionando, pode ser da sua versão, tente usar este.
coloque
Até.
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';" />
coloque
- Código:
a.mainmenu[href="/Nova mensagem"]:hover{
background-image: url('http://i.imgur.com/c9gdBUc.png' );
}
Até.
cholati- ***
- Membro desde : 07/12/2012
Mensagens : 185
Pontos : 291
Re: Codigo de efeito com erro
Olá!
Primeiramente remova as imagens do painel de controle, somente usará imagens por meio de códigos CSS! Para remover aceda à:
Painel Visualização Imagens e cores Cores 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:
Até mais.
Primeiramente remova as imagens do painel de controle, somente usará imagens por meio de códigos CSS! Para remover aceda à:
Painel Visualização Imagens e cores Cores 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:
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:classe {
background-image: url(ENDERECO_DA_IMAGEM);
padding: ALTURApx LARGURApx;
}
classe:hover {
background-image: url(ENDERECO_DA_IMAGEM_MOUSE_OVER);
padding: ALTURApx LARGURApx;
}
#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.
Re: Codigo de efeito com erro
ola, ainda não deu certo,
não outro comando pra estes botões mesmo ?? preciso disso muito
não outro comando pra estes botões mesmo ?? preciso disso muito
Re: Codigo de efeito com erro
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
Tópicos semelhantes
» Código com erro
» Código com erro
» Erro na visualização do efeito ao tópico
» Erro no código...
» Erro em um código
» Código com erro
» Erro na visualização do efeito ao tópico
» Erro no código...
» Erro em um código
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos