Menu com efeito hover

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

Resolvido Menu com efeito hover

Mensagem por Cristian 95 em 19/06/11, 05:57 pm

Qual é sua questão:
Bom, eu queria o efeito deste fórum, quando passa o mouse por cima de um link, ele fica mais forte e brilhoso.

e o outro, é que na descrisão do meu fórum tem muitos " <script src="ENDERECO-DA-PAGINA-HTML"></script><div id='fadeDiv'/>"
e ainda tem mais, e o espaço é pequeno, e não cabe os outros, tem alguma forma de colocar eles em html, colocar na script o redirecionamente da pagina HTML, e ele ler corretamente os script?

Que medidas você tomou para corrigir o problema:
Tentei criar uma página HTML redirencionando para os Jscript, e não deu.

Apresente-nos imagens do problema (se necessário):
Não deu problemas. nem pego.

Qual o endereço de seu fórum:
http://fest-gunz.forumeiros.com

Qual a versão de seu fórum?:
Invision
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Menu com efeito hover

Mensagem por burlador em 19/06/11, 06:21 pm

para a parte do "brilho" adicione no Css

Código:

a:hover{
-moz-text-shadow: 0 0 0 10px white;
-webkit-text-shadow: 0 0 0 10px white;
text-shadow: 0 0 0 10px white;
}
se quiser um efeito mais sofisticado use este
Código:

a{
color: #ffffff;
-webkit-transition:all 1s ease-in;
-moz-transition:all 1s ease-in;
-o-transition:all 1s ease-in;
transition:all 1s ease-in;
}
a:hover{
color: #00000;
-moz-text-shadow: 0 0 0 10px white;
-webkit-text-shadow: 0 0 0 10px white;
text-shadow: 0 0 0 10px white;

}

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Menu com efeito hover

Mensagem por Dbz-rpg em 19/06/11, 07:19 pm

Olá, burlador esse codigo CSS funciona em PHPBB2?

Pelo que eu vi não funcionou no meu. E se não funcionar mesmo, voce conhece um para o PHPBB2?

Dbz-rpg
Nível 8

Masculino
Inscrito dia : 18/07/2010
Mensagens : 130
Pontos Ativos : 196

Ver perfil do usuário http://naruteiros.forumeiro.com/

Resolvido Re: Menu com efeito hover

Mensagem por Cristian 95 em 19/06/11, 07:23 pm

@burlador escreveu:para a parte do "brilho" adicione no Css

Código:

a:hover{
-moz-text-shadow: 0 0 0 10px white;
-webkit-text-shadow: 0 0 0 10px white;
text-shadow: 0 0 0 10px white;
}
se quiser um efeito mais sofisticado use este
Código:

a{
color: #ffffff;
-webkit-transition:all 1s ease-in;
-moz-transition:all 1s ease-in;
-o-transition:all 1s ease-in;
transition:all 1s ease-in;
}
a:hover{
color: #00000;
-moz-text-shadow: 0 0 0 10px white;
-webkit-text-shadow: 0 0 0 10px white;
text-shadow: 0 0 0 10px white;

}

Tenho que editar algo? por que nenhum dos códigos funcionou. =/
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Menu com efeito hover

Mensagem por Nicker em 19/06/11, 08:38 pm

Olá,
Este é o código usado :
Código:
a {
outline: none;
}

a:link,a:visited,a:active{
    background: transparent;
    color: #dfdfdf;
    text-decoration: none;
}

a:hover{
    background: transparent;
    color: #F3F3F3;
    text-decoration: none;

    text-shadow: 0 0 5px #FFFFFF !important;
}
É provavél que ele tambem funcione na versão phpbb2.
Até mais. Café
avatar

Nicker
Usuário destaque

Masculino
Inscrito dia : 04/05/2010
Mensagens : 549
Pontos Ativos : 780

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

Resolvido Re: Menu com efeito hover

Mensagem por Cristian 95 em 19/06/11, 11:08 pm

@Nicker, ae funcinou, agora só falta a outra duvida, obrigado. (:
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Menu com efeito hover

Mensagem por Dury em 19/06/11, 11:46 pm

Olá,

Lamento, mas se desejar criar uma página personalizada no fórum com redirecionamento dos Scripts não será possível.
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Menu com efeito hover

Mensagem por Convidad em 20/06/11, 12:39 am

Bom dia,

O seu Javascript é jQuery? Qual seria o código, poderia me informar?

Até logo.

Convidad
Convidado


Resolvido Re: Menu com efeito hover

Mensagem por Luciano98 em 20/06/11, 01:37 pm

Olá!

Painel de Controle Seta Geral Seta Promoção do Fórum Seta Motores de busca

Procure por "Balizas adicionais" e clique em "Adicionar".

Selecione "Linkar um javascript" e clique "Selecionar".

Em "Atributo "src" :" coloque o link do script.
Por fim clique em "Adicionar", assim não precisará ser colocados links na descrição.

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Menu com efeito hover

Mensagem por Cristian 95 em 23/06/11, 06:32 am

@Luciano98 funciono não =/.

@Mr.Supero, eu não sei, eu uso o código de formulários de postagens, e uma pagina toda HTMl mas no fim é um código para enviar mensagem privada para mim, com informações da compra. tendeu?
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Menu com efeito hover

Mensagem por Luciano98 em 23/06/11, 01:02 pm

Como não funcionou?
Isso deveria ter funcionado.

Faça isso novamente e depois me fale exatamente o que deu errado.

Tente colocar o link completo da página, não somente a parte que vem depois da barra.

PS: Para testar se funcionou, retire o script da descrição e veja se o efeito dele ainda está funcionando no seu fórum.

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Menu com efeito hover

Mensagem por Cristian 95 em 24/06/11, 03:35 am

@Luciano, eu quero add [url=http://translate.google.com.br/translate_tools]isso[url] ao topo do meu fórum, tipo uma imagem fluante que fica no fórum. ai eu segui esse tutorial. só que ao invez de "<img id="flutuante" src="Endereço_da_imagem" />" eu queria o código daquele daquele site, só que é enorme, como faz? e depois, de qualquer forma, vai ter que add algo sobre isso na descrição, ai eu testo. Blz? me ensina bem esplicadinho se possível por favor.
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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

Resolvido Re: Menu com efeito hover

Mensagem por Cristian 95 em 25/06/11, 04:44 am

Luciano, é que tipo. se você fo ao meu fórum, em qualquer lugar que você clique, vai aparecer "carregando, aguarde". para add isso eu fiz o seguinte. coloquei fad in, e adicionei isso na descrição "<script src=http://fest-gunz.forumeiros.com/h3-fad-in></script><div id='fadeDiv'/><center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h1>Aguarde, Carregando</b></h1><br><img src=http://i53.tinypic.com/1e1fex.gi></img></center>", só que, o código é muito grande, e ocupa o espaço todo da descrição. e eu queria adiciona mais este, "<script src=-h10.htm></script>". só que não há espaço, tem uma forma de deixar os dois? esse seu métedo, como é? tem como por certin e eu só colar lá? por que não estou entendendo =X.
avatar

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 1278

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