Efeito no nome de fórum

[Hikaru Tsuki]

Qual é minha questão:
Quero colocar um efeito para quando passarem o mouse sobre o nome do fórum.
Tipo, o nome se mover para a direita e quando o mouse sair de cima dele, ele volte para o lugar.

Medidas que eu tomei para corrigir o problema:
Vir aqui.

Links e imagens do meu problema:


Endereço do meu fórum:
http://otakuparadise.forumeiros.com/

Versão do meu fórum:
PHPBB2

[Firenando]

Olá, onde você gostaria de por este efeito?

Até mais

[Hikaru Tsuki]

Em todos os sub fóruns das categorias

[Firenando]

Adicione este código em sua folha estilo CSS.

Código:

ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;

Resultou?

Até mais

[Konai]

Olá,

Peço que tente com o seguinte código:

Código:

.hierarchy {-moz-transform:translate(60px);-o-transform:translate(60px);-webkit-transform:translate(60px);background:url(http://i.imgur.com/5ZtT5.jpg) 0 0}#logo:active{-moz-transform:scale(0.9);-o-transform:scale(0.9);-webkit-transform:scale(0.9);background:url(http://i.imgur.com/5ZtT5.jpg) 0 0}

Adicione em:
Painel Visualização Imagens e Cores Cores / Folha de Estilo CSS

Até mais.

[Hikaru Tsuki]

Não, infelizmente não resultou em nada :/
Apareceu:
"Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código."

---

O segundo não resultou em nada também :/

[Firenando]

Olá, desculpa, eu esqueci de fechar ele.

Código:

ul.linklist a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

Resultou?

Até mais

[MateusV.]

Olá, troque por este e veja se resulta

Código:

a.forumlink:hover{
letter-spacing : 3px;
text-decoration: none;
color : #C1C1C1;
text-transform:lowercase;
border-bottom: dotted 1px #C3C3C3;
}

a.topictitle:hover{
text-decoration: none;
letter-spacing : 3px;
color : #C1C1C1;
text-transform:lowercase;
border-bottom: dotted 1px #C3C3C3;
}

Cordialmente.

[Konai]

Olá novamente,

Substitua o atual por este:

Código:

a.forumlink:hover{-moz-transform:translate(60px);-o-transform:translate(60px);-webkit-transform:translate(60px);background:url(http://i.imgur.com/5ZtT5.jpg) 0 0}#logo:active{-moz-transform:scale(0.9);-o-transform:scale(0.9);-webkit-transform:scale(0.9);background:url(http://i.imgur.com/5ZtT5.jpg) 0 0}


Até mais.

[Hikaru Tsuki]

Não resultou novamente :/

---

É mais ou menos isso Mateus, mas quando o mouse passa por cima do título, as letras dele ficam minúsculas. Eu quero que ele continue original, apenas se mova para o lado conforme o mouse passe sobre ele, e quando o mouse sair de cima dele, ele volte ao normal ^_^

---

Substitui e não resultou novamente ç.ç

[MateusV.]

Olá, neste caso substitua por este

Código:

a.forumlink:hover{
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

a.topictitle:hover{
-o-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-webkit-transition: all 0.1s linear;
transition: all 0.1s linear;
}

Cordialmente.

[Hikaru Tsuki]

Infelizmente não resultou em nada :/

[MateusV.]

Olá, substitua todos os codigos dados acima por este

Código:

a.forumlink:hover{
-o-transition: all 0.1s linear !important;
-moz-transition: all 0.1s linear !important;
-webkit-transition: all 0.1s linear !important;
transition: all 0.1s linear !important;
}

a.topictitle:hover{
-o-transition: all 0.1s linear !important;
-moz-transition: all 0.1s linear !important;
-webkit-transition: all 0.1s linear !important;
transition: all 0.1s linear !important;
padding-left: 20px;
font-size: 16px;
color: #FF404A;
margin-left: 15px;
}

Cordialmente.

[Hikaru Tsuki]

Não resultou em nada, o único de todos que surtiu efeito foi o seu primeiro, mas não foi o efeito desejado

[King Gz;]

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

Olá,

Aceda à Painel de controle Visualização Imagens e cores Cores Folha de estilo css Adicione o código e salve!

Código:

.forumlink a:hover {
padding-left: 20px;
font-size: 16px;
color: #4080FF;
}

Seria isto? Até mais

[Hikaru Tsuki]

Sim, era isso mesmo.
Obrigado King Gz; ^^
Podem fechar o tópico.