Efeito hover

3 participantes

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

Tópico resolvido Efeito hover

Mensagem por pyrohinotama 02.06.13 15:42

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 22:41, editado 1 vez(es)
pyrohinotama

pyrohinotama
Membro destaque

Masculino
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: Efeito hover

Mensagem por Convidado 02.06.13 16:02

Saudações!

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

Até. Piscada
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por MateusA 02.06.13 16:05

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.
MateusA

MateusA
Hiperativo

Masculino
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: Efeito hover

Mensagem por pyrohinotama 02.06.13 16:19

crazy não deu certo
pyrohinotama

pyrohinotama
Membro destaque

Masculino
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: Efeito hover

Mensagem por MateusA 02.06.13 16:31

Olá! Piscada

Sobre o hover
Veja esse tópico https://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.
MateusA

MateusA
Hiperativo

Masculino
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: Efeito hover

Mensagem por pyrohinotama 02.06.13 18:46

sendo assim, como coloca efeito hover em link? tipo quero que a letra aumente de tamanho um pouco e ganhe uma sombra.
pyrohinotama

pyrohinotama
Membro destaque

Masculino
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: Efeito hover

Mensagem por MateusA 02.06.13 19:03

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.
MateusA

MateusA
Hiperativo

Masculino
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

Membro profissional

Tópico resolvido Re: Efeito hover

Mensagem por Sennior 02.06.13 19:38

Saudações!

Porque não usa o efeito Blur?

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

Até mais.
Sennior

Sennior
Membro profissional
Membro profissional

Masculino
Membro desde : 10/06/2011
Mensagens : 16378
Pontos : 20891

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito hover

Mensagem por pyrohinotama 02.06.13 21:21

lol crazy, gostei deste que voce deu, mas não deu certo XD aqui
pyrohinotama

pyrohinotama
Membro destaque

Masculino
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: Efeito hover

Mensagem por MateusA 03.06.13 15:42

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.
MateusA

MateusA
Hiperativo

Masculino
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

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


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