Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Efeito hover
3 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
Efeito hover
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
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)
Re: Efeito hover
Olá!
Para fazer esse efeito o seu HTML deve estar ativado.
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.
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.
Re: Efeito hover
Olá!
Sobre o hover
Veja esse tópico https://ajuda.forumeiros.com/t35201-efeito-hover-em-texto
Efeito sem o hover:
Resultado = a ultima postagem desse tópico http://snapshot.forumeiros.com/t2-aaaaaaaaaaaaaaaaaaaaaaa#12
Até mais.
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.
Re: Efeito hover
sendo assim, como coloca efeito hover em link? tipo quero que a letra aumente de tamanho um pouco e ganhe uma sombra.
Re: Efeito hover
Olá!
Resultado - http://snapshot.forumeiros.com/h2-
Até mais.
- 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.
Re: Efeito hover
Olá!
Lamento mais no tópico não funciona, abaixo alguns efeitos que podem-ser utilizados em tópicos:
Até mais.
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.
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