Efeito no nome de fórum

5 participantes

Ir para baixo

Tópico resolvido Efeito no nome de fórum

Mensagem por Hikaru Tsuki 18.02.12 3:39

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


Última edição por Hikaru Tsuki em 18.02.12 19:52, editado 1 vez(es)
Hikaru Tsuki
Hikaru Tsuki
*

Membro desde : 06/02/2012
Mensagens : 33
Pontos : 63

http://otakuplanet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Firenando 18.02.12 3:54

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

Até mais Piscada
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: Efeito no nome de fórum

Mensagem por Hikaru Tsuki 18.02.12 4:46

Em todos os sub fóruns das categorias Feliz
Hikaru Tsuki
Hikaru Tsuki
*

Membro desde : 06/02/2012
Mensagens : 33
Pontos : 63

http://otakuplanet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Firenando 18.02.12 13:59

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 Piscada
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: Efeito no nome de fórum

Mensagem por Konai 18.02.12 14:18

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 Flecha ajudeiros Visualização Flecha ajudeiros Imagens e Cores Flecha ajudeiros Cores / Folha de Estilo CSS

Até mais. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki 18.02.12 14:20

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 :/
Hikaru Tsuki
Hikaru Tsuki
*

Membro desde : 06/02/2012
Mensagens : 33
Pontos : 63

http://otakuplanet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Firenando 18.02.12 14:21

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 Piscada


Última edição por Firenando em 18.02.12 14:22, editado 1 vez(es)
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: Efeito no nome de fórum

Mensagem por MateusV. 18.02.12 14:21

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. Feliz aniversário
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Konai 18.02.12 14:22

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. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki 18.02.12 14:28

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 ç.ç
Hikaru Tsuki
Hikaru Tsuki
*

Membro desde : 06/02/2012
Mensagens : 33
Pontos : 63

http://otakuplanet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por MateusV. 18.02.12 14:30

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. Feliz aniversário
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki 18.02.12 14:39

Infelizmente não resultou em nada :/
Hikaru Tsuki
Hikaru Tsuki
*

Membro desde : 06/02/2012
Mensagens : 33
Pontos : 63

http://otakuplanet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por MateusV. 18.02.12 14:44

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. Feliz aniversário
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki 18.02.12 14:49

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

Membro desde : 06/02/2012
Mensagens : 33
Pontos : 63

http://otakuplanet.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por King Gz; 18.02.12 19:48

Efeito no nome de fórum Logo
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

Aceda à Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo css Seta Adicione o código e salve!
Código:
.forumlink a:hover {
padding-left: 20px;
font-size: 16px;
color: #4080FF;
}

Seria isto? Até mais Piscada
King Gz;
King Gz;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki 18.02.12 19:51

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

Membro desde : 06/02/2012
Mensagens : 33
Pontos : 63

http://otakuplanet.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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