Texto deslizando para a direita ao passar o mouse

3 participantes

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

Tópico resolvido Texto deslizando para a direita ao passar o mouse

Mensagem por Angel' 29.12.12 22:03

Qual é minha questão:
Hey.. Eu aqui de novo srsr

Bem... Eu gostaria de saber como fazer o texto "nome" dos fóruns de uma categoria s deslizar para a direita ao passar o mouse, assim como nesse fórum >> http://mysticalfalls.forumeiros.com/forum

Obrigada desde jáá Piscada



Endereço do meu fórum:
http://tvd-vampirediaries.forumeiros.com

Versão do fórum:
PHPBB2
Angel'

Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Texto deslizando para a direita ao passar o mouse

Mensagem por Sennior 29.12.12 22:05

Olá minha linda! Eu amo você

Aceda á teu CSS e coloque este código:

Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 1px dotted black;
border-right: 1px dotted black;
border-top: 1px dotted black;
background-color: #CFCFCF;
display: block;
font-style: bold;
padding-left: 100px;
transform: all;
transition: 1s;
opacity: 0.6;
}

Abraços! Muito feliz
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

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: Texto deslizando para a direita ao passar o mouse

Mensagem por Angel' 29.12.12 22:13

ooommmmm :crybaby:

Ele não desliza para a direita...


mas mesmo assim obrigada!! Piscada
Angel'

Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Texto deslizando para a direita ao passar o mouse

Mensagem por Sennior 29.12.12 22:20

Olá querida!

Tente este:

Código:
a.forumlink:hover {
-htm-transform: all;
-htm-transition: 1s;
-moz-transform: all;
-moz-transition: 1s;
-o-transform: all;
-o-transition: 1s;
-webkit-transform: all;
-webkit-transition: 1s;
border-bottom: 1px solid black;
border-left: 1px dotted black;
border-right: 1px dotted black;
border-top: 1px dotted black;
display: block;
font-family: corsiva;
font-size: 14px;
font-weight: 700;
margin-left: 10px;
padding-left: 10px;
text-shadow: 0 0 1px black;
transform: all;
transition: 1s;
}

Abraços!
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

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: Texto deslizando para a direita ao passar o mouse

Mensagem por Firenando 29.12.12 22:26

Troque o CSS acima por este.

Código:
a.forumlink{
  -htm-transform:all;
  -htm-transition:1s;
  -moz-transform:all;
  -moz-transition:1s;
  -o-transform:all;
  -o-transition:1s;
  -webkit-transform:all;
  -webkit-transition:1s;
  border-bottom:1px solid #000000;
  border-left:1px dotted #000000;
  border-right:1px dotted #000;
  border-top: 1px dotted #000;
  display:block;
  font-family:corsiva;
  font-size:14px;
  font-weight:700;
  margin-left:10px;
  padding-left:10px;
  text-shadow:0 0 1px #000000;
  transform:all;
  transition:1s
}

a.forumlink:hover{-htm-transform:all;
  -htm-transition:1s;-moz-transform:all;
  -moz-transition:1s;-o-transform:all;
  -o-transition:1s;-webkit-transform:all;
  -webkit-transition:1s;
  border-bottom:1px solid #000;
  border-left:1px dotted #000;
  border-right:1px dotted #000;
  border-top: 1px dotted #000;
  background-color: #CFCFCF;
  display:block;
  font-style:bold;
  padding-left:100px;
  transform:all;
  transition:1s;
  opacity: 0.6;}
Firenando

Firenando
Super Membro

Membro desde : 22/10/2011
Mensagens : 1665
Pontos : 2318

http://divineartz.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Texto deslizando para a direita ao passar o mouse

Mensagem por Angel' 29.12.12 22:39

Resultouuuu Piscada

Muito Obrigada a vcs dois!!!!!!!

Muito feliz
Angel'

Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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