Efeito hover

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

Resolvido Efeito hover

Mensagem por pyrohinotama em 02/06/13, 11:42 am

Qual é minha questão:
Ola, gostaria de saber qual é o comando que devo usar em html/bbcode para da efeito hover( de ficar uma sombra ao redor com uma cor predefinida por mim) em letras normais( que agente posta em topicos ) e/ou links( tipo "clique aqui" que no começo tenha cor normal, mas quando põe o mouse em cima dele mude algo)

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2


Última edição por pyrohinotama em 04/06/13, 06:41 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: Efeito hover

Mensagem por Convidado em 02/06/13, 12:02 pm

Saudações!

Queira checar http://ajuda.forumeiros.com/t56712-

Até. Piscada

Convidado
Convidado


Resolvido Re: Efeito hover

Mensagem por MateusA em 02/06/13, 12:05 pm

Olá!

Para fazer esse efeito o seu HTML deve estar ativado.
Código:
<div id="title_25">Título do post</div>
<style>#title_25:hover {
text-shadow: 2px 2px black;
color: white;
}</style>

No codigo procure por white, está será a cor que ficara o texto apos o hover, caso não queira delete o campo.
Procure por black essa será a cor que ficara a sombra.
Procure por 2px 2px quanto mais almentar o 2 mais distante do texto ele vai ficar.

Até mais.
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: Efeito hover

Mensagem por pyrohinotama em 02/06/13, 12:19 pm

crazy não deu certo
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: Efeito hover

Mensagem por MateusA em 02/06/13, 12:31 pm

Olá! Piscada

Sobre o hover
Veja esse tópico http://ajuda.forumeiros.com/t35201-efeito-hover-em-texto

Efeito sem o hover:

Código:
<div style="text-shadow:5px 5px 5px #000;" id="rpn">Título do post</div>

Resultado = a ultima postagem desse tópico http://snapshot.forumeiros.com/t2-aaaaaaaaaaaaaaaaaaaaaaa#12

Até mais.
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: Efeito hover

Mensagem por pyrohinotama em 02/06/13, 02:46 pm

sendo assim, como coloca efeito hover em link? tipo quero que a letra aumente de tamanho um pouco e ganhe uma sombra.
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: Efeito hover

Mensagem por MateusA em 02/06/13, 03:03 pm

Olá!

Código:
<div class="a"><a href="/t1223">TEXTO LINKS ETC</a></div>
<style type="text/css">
a:hover {
      text-transform: uppercase;
      font-weight:bold;
      color:blue;
      background-color:yellow;
   }</style>

Resultado - http://snapshot.forumeiros.com/h2-

Até mais.
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: Efeito hover

Mensagem por Sennior em 02/06/13, 03:38 pm

Saudações!

Porque não usa o efeito Blur?

Código:
[blur]TEXTO AQUI[/blur]

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito hover

Mensagem por pyrohinotama em 02/06/13, 05:21 pm

lol crazy, gostei deste que voce deu, mas não deu certo XD aqui
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: Efeito hover

Mensagem por MateusA em 03/06/13, 11:42 am

Olá!

Lamento mais no tópico não funciona, abaixo alguns efeitos que podem-ser utilizados em tópicos:

text-decoration: underline; -> sublinhado

text-decoration: line-through; ->Texto com linha em cima

text-decoration: overline; -> sobrelinhado

text-decoration: blink; -> pisca

text-decoration: none; -> sem decoração ou efeito

text-shadow: 2px 2px #fff; -> sombra no texto

Até mais.
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

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