Efeito no nome de fórum

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

Resolvido Efeito no nome de fórum

Mensagem por Hikaru Tsuki em 18/02/12, 01:39 am

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, 05:52 pm, editado 1 vez(es)
avatar

Hikaru Tsuki
Nível 4

Masculino
Inscrito dia : 06/02/2012
Mensagens : 33
Pontos Ativos : 63

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

Resolvido Re: Efeito no nome de fórum

Mensagem por Firenando em 18/02/12, 01:54 am

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

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

Mensagem por Hikaru Tsuki em 18/02/12, 02:46 am

Em todos os sub fóruns das categorias Feliz
avatar

Hikaru Tsuki
Nível 4

Masculino
Inscrito dia : 06/02/2012
Mensagens : 33
Pontos Ativos : 63

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

Resolvido Re: Efeito no nome de fórum

Mensagem por Firenando em 18/02/12, 11:59 am

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

Mensagem por Gaaratsu em 18/02/12, 12:18 pm

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


GaaratsuAjudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki em 18/02/12, 12:20 pm

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 :/
avatar

Hikaru Tsuki
Nível 4

Masculino
Inscrito dia : 06/02/2012
Mensagens : 33
Pontos Ativos : 63

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

Resolvido Re: Efeito no nome de fórum

Mensagem por Firenando em 18/02/12, 12:21 pm

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, 12:22 pm, editado 1 vez(es)
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: Efeito no nome de fórum

Mensagem por MateusV. em 18/02/12, 12:21 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito no nome de fórum

Mensagem por Gaaratsu em 18/02/12, 12:22 pm

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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5986
Pontos Ativos : 7478

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

Resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki em 18/02/12, 12:28 pm

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 ç.ç
avatar

Hikaru Tsuki
Nível 4

Masculino
Inscrito dia : 06/02/2012
Mensagens : 33
Pontos Ativos : 63

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

Resolvido Re: Efeito no nome de fórum

Mensagem por MateusV. em 18/02/12, 12:30 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki em 18/02/12, 12:39 pm

Infelizmente não resultou em nada :/
avatar

Hikaru Tsuki
Nível 4

Masculino
Inscrito dia : 06/02/2012
Mensagens : 33
Pontos Ativos : 63

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

Resolvido Re: Efeito no nome de fórum

Mensagem por MateusV. em 18/02/12, 12:44 pm

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
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki em 18/02/12, 12:49 pm

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

Hikaru Tsuki
Nível 4

Masculino
Inscrito dia : 06/02/2012
Mensagens : 33
Pontos Ativos : 63

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

Resolvido Re: Efeito no nome de fórum

Mensagem por King Gz; em 18/02/12, 05:48 pm

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
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Efeito no nome de fórum

Mensagem por Hikaru Tsuki em 18/02/12, 05:51 pm

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

Hikaru Tsuki
Nível 4

Masculino
Inscrito dia : 06/02/2012
Mensagens : 33
Pontos Ativos : 63

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