Texto deslizando para a direita ao passar o mouse

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

Resolvido Texto deslizando para a direita ao passar o mouse

Mensagem por Angel' em Sab 29 Dez 2012 - 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
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: Texto deslizando para a direita ao passar o mouse

Mensagem por Sennior em Sab 29 Dez 2012 - 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
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: Texto deslizando para a direita ao passar o mouse

Mensagem por Angel' em Sab 29 Dez 2012 - 22:13

ooommmmm :crybaby:

Ele não desliza para a direita...


mas mesmo assim obrigada!! Piscada
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: Texto deslizando para a direita ao passar o mouse

Mensagem por Sennior em Sab 29 Dez 2012 - 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!
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: Texto deslizando para a direita ao passar o mouse

Mensagem por Firenando em Sab 29 Dez 2012 - 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;}
avatar

Firenando
Membro do Fórum

Masculino
Inscrito dia : 22/10/2011
Mensagens : 1665
Pontos Ativos : 2318

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

Resolvido Re: Texto deslizando para a direita ao passar o mouse

Mensagem por Angel' em Sab 29 Dez 2012 - 22:39

Resultouuuu Piscada

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

Muito feliz
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

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