Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Imagem AVATAR
Hoje à(s) 03:19 pm por cheephard

» Logo Forum
Hoje à(s) 03:16 pm por cheephard

» Botões de mensagens estilo natalício
Hoje à(s) 03:11 pm por Holkis

» Temas Temporários
Hoje à(s) 02:54 pm por banzé

» Bloquear ícones nas mensagens privadas
Hoje à(s) 02:26 pm por Ketholy

» Caixa de busca desalinhado
Hoje à(s) 02:08 pm por Eduardo Lima

» Criar um dropdown do usuário ao clicar em perfil
Hoje à(s) 01:54 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
240 usuários online :: 16 usuários cadastrados, 1 Invisível e 223 Visitantes :: 2 Motores de busca

banzé, beoowulf, cheephard, Gaaratsu, Holkis, James Watts, Jeckwilke, Ketholy, Lost154, LucasPofahl, Luiz, MatiasReis123, paulim78, ranzatti, Shek, uilya

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Animação Nos Topicos Icones Do Forum .

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

Resolvido Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 12:47 pm

Detalhes da questão


Endereço do fórum: http://bps-brasilplaystyle.forumeiros.com
Versão do fórum: ModernBB

Descrição


Bem Estou Aqui Pedindo Algum Codigo Que Possibilite A Animação Dos Topicos Icones Nos Sub-topicos Para Que Nao Fique Como Posso Dizer " Seco " Segue A Imagem A Baixo , Nos Sub Topicos Os De Azul Pode Ser Um Efeito De Aprofundação, E Ja Nos Icones Pode Ser Um De Roda ( Rotação )

Segue A Imagem Abaixo : https://i.imgur.com/TWbNSzS.png
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Gaaratsu em 15/11/17, 04:05 pm

Olá!

Para o efeito de aprofundação no fórum, o código CSS será este:
Código:
li.row:hover {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

Já para as imagens, teremos que adicionar uma classe para elas, ou seja, o senhor terá de adicionar na descrição de cada fórum, pois nota-se que a imagem foi adicionada com conjunto à descrição.

Exemplo:
Aqui Ficarão Todas As Noticias Da Administração.

O código na descrição devesse ser esse(exemplo):
Código:
<div class="iconrotation"><img src="https://i11.servimg.com/u/f11/19/71/77/94/notici10.png" /></div>
Nós adicionaremos essa div com as imagens como no exemplo acima!

E para finalizar na CSS, adicione este código:
Código:
.iconrotation:hover{-webkit-transform: rotate(1800deg) scale(1);-moz-transform: rotate(1800deg) scale(1);-o-transform: rotate(1800deg) scale(1);}.postprofile dt img{-webkit-transition: all 5s ease-in-out;-moz-transition: all 5s ease-in-out;-o-transition: all 5s ease-in-out;}

Vale lembra-lo que como o senhor quer o efeito de aprofundação nos fóruns, o efeito de rotação nos ícones(imagens) da descrição não terá um efeito perfeito, pois acabam que agindo em conjunto. Positivo

Att! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5712
Pontos Ativos : 7156

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

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 04:22 pm

Nem Um Funcionou No Forum ...
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Gaaratsu em 15/11/17, 04:27 pm

Aceda à: CPainel > Visualização >> Imagens e Cores >>> Cores > Folha de estilo CSS
Desça um pouco e procure pela opção "Forçar o CSS base do seu fórum" e marque "Não".
Feito isto, os códigos funcionaram! Positivo

Att! Feliz
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5712
Pontos Ativos : 7156

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

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 04:28 pm

Esta Opção Ja Esta Marcada
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Gaaratsu em 15/11/17, 04:35 pm

Substitua o código CSS por este:
Código:
li.row:hover {
-webkit-transform: scale(0.8) !important;
-ms-transform: scale(0.8) !important;
transform: scale(0.8) !important;
}
.iconrotation:hover {
-webkit-transform: rotate(1800deg) scale(1) !important;
-moz-transform: rotate(1800deg) scale(1) !important;
-o-transform: rotate(1800deg) scale(1) !important;
-webkit-transition: all 5s ease-in-out !important;
-moz-transition: all 5s ease-in-out !important;
-o-transition: all 5s ease-in-out !important;
}
O código é funcional sim, eu sempre testo antes de postar! Positivo

Att! Contente
avatar

Gaaratsu
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 5712
Pontos Ativos : 7156

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

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz em 15/11/17, 04:38 pm

Remova os códigos passados anteriormente.
Adicione este código:
Código:
.row .hierarchy + img {
  transition: all 200ms linear;
  transform: scale(1);
}

.row:hover .hierarchy + img {
  transform: scale(1.3);
}

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 04:50 pm

Aonde Exatamente Eu Coloco Esse Codigo , E Para Tirar Todos E So Botar Esse , Explica Mlhr Pfvr.
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com
  • 0

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Ketholy em 15/11/17, 04:55 pm

@Daniel Yan escreveu:Aonde Exatamente Eu Coloco Esse Codigo , E Para Tirar Todos E So Botar Esse , Explica Mlhr Pfvr.

Olá Daniel Yan,

O Luiz se referiu aos códigos repassados nesse tópico, nesse caso o senhor devera retirar apenas os códigos repassados antes da resposta do nosso amigo Luiz.

Para aplicar o código basta ir:

Painel de controle>Visualização>Imagens e cores>Cores>Folha de estilo CSS.

Até mais!


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Ketholy — Ajudeira
avatar

Ketholy
Ajudeira
Ajudeira

Feminino
Inscrito dia : 20/01/2017
Mensagens : 514
Pontos Ativos : 657

Ver perfil do usuário http://jogosrpg-com-br.forumais.com/forum http://assuntosgeral-com-br.forumais.com https://twitter.com/Ketholy Suan

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 05:02 pm

Ainda Sim Não Funciona...
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz em 15/11/17, 05:05 pm

Poderia colocar aqui sua Folha de Estilos?
Provavelmente há um erro CSS nela.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 05:07 pm

Esta Aki Esses Codigos Sao Importantes para o forum ...

Código:
body {cursor: url('https://i.imgur.com/MwGOvYu.png'), auto;}
a:hover {cursor: url('https://i.imgur.com/MwGOvYu.png'), auto;}

/******STAFF ONLINE**********/
.monAva img {
  height: 51px;
  width: 48px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
.monAva img:hover {
  border: 2px solid #FE2EF7;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*******FIM STAFF ONLINE********/

}

a[style*="#000099"], a[href^="/u"] > span[style*="#000099"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#D4F000"], a[href^="/u"] > span[style*="#D4F000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#00F7FF"], a[href^="/u"] > span[style*="#00F7FF"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#F0F000"], a[href^="/u"] > span[style*="#F0F000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#00FF51"], a[href^="/u"] > span[style*="#00FF51"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#F000E8"], a[href^="/u"] > span[style*="#F000E8"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#BF5EF7"], a[href^="/u"] > span[style*="#BF5EF7"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
 
 
}
 a.gensmall[style="color: #F000E8"]:before {
  content: '\f005 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #000099"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #00FF51"]:before {
  content: '\f0ad \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #A200FF"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #00F7FF"]:before {
  content: '\f219 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #BF5EF7"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
 
 }
 a.gensmall[style="color: #D4F000"]:before {
  content: '\f1fc \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #F0F000"]:before {
  content: '\f0d6 \00A0';
  font-family: 'fontawesome';
}
  a.gensmall[style="color: #FC0000"]:before {
  content: '\f0e3 \00A0';
  font-family: 'fontawesome';
}
  .frmfechado {
  background-color:#FFE6E2;
  border:1px solid #E9553C;
  padding:20px;
  text-align:center;
 
}
 
  .fa-topiclist-row {
  background-repeat: no-repeat;
  background-position: 99% center;
}

a[style*="#FC0000"], a[href^="/u"] > span[style*="#FC0000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54

    .postprofile dt img, dl.left-box dt img {
border:3px solid #000000;


/******AMIGOS ONLINE**********/
.monAva img {
  height: 51px;
  width: 45px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
.monAva img:hover {
  border: 2px solid #FC0000;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*******AMIGOS ONLINE********/
.row .hierarchy + img {
  transition: all 200ms linear;
  transform: scale(1);
}
 
.row:hover .hierarchy + img {
  transform: scale(1.3);
}
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz em 15/11/17, 05:11 pm

Olá,

Foi o que pensei: haviam 2 erros.
Troque por:
Código:
body {cursor: url('https://i.imgur.com/MwGOvYu.png'), auto;}
a:hover {cursor: url('https://i.imgur.com/MwGOvYu.png'), auto;}
 
/******STAFF ONLINE**********/
.monAva img {
  height: 51px;
  width: 48px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
.monAva img:hover {
  border: 2px solid #FE2EF7;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/*******FIM STAFF ONLINE********/
 
a[style*="#000099"],
a[href^="/u"] > span[style*="#000099"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#D4F000"], a[href^="/u"] > span[style*="#D4F000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#00F7FF"], a[href^="/u"] > span[style*="#00F7FF"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#F0F000"], a[href^="/u"] > span[style*="#F0F000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#00FF51"], a[href^="/u"] > span[style*="#00FF51"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#F000E8"], a[href^="/u"] > span[style*="#F000E8"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#BF5EF7"], a[href^="/u"] > span[style*="#BF5EF7"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
 
 
}
 a.gensmall[style="color: #F000E8"]:before {
  content: '\f005 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #000099"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #00FF51"]:before {
  content: '\f0ad \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #A200FF"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #00F7FF"]:before {
  content: '\f219 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #BF5EF7"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
 
 }
 a.gensmall[style="color: #D4F000"]:before {
  content: '\f1fc \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #F0F000"]:before {
  content: '\f0d6 \00A0';
  font-family: 'fontawesome';
}
  a.gensmall[style="color: #FC0000"]:before {
  content: '\f0e3 \00A0';
  font-family: 'fontawesome';
}
  .frmfechado {
  background-color:#FFE6E2;
  border:1px solid #E9553C;
  padding:20px;
  text-align:center;
 
}
 
  .fa-topiclist-row {
  background-repeat: no-repeat;
  background-position: 99% center;
}
 
a[style*="#FC0000"], a[href^="/u"] > span[style*="#FC0000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54

    .postprofile dt img, dl.left-box dt img {
border:3px solid #000000;
}
 
/******AMIGOS ONLINE**********/
.monAva img {
  height: 51px;
  width: 45px;
  margin-right: 5px;
  background-color: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
.monAva img:hover {
  border: 2px solid #FC0000;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
/******* AMIGOS ONLINE ********/

.row .hierarchy + img {
  transition: all 200ms linear;
  transform: scale(1);
}
 
.row:hover .hierarchy + img {
  transform: scale(1.3);
}

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 05:13 pm

Mesmo Assim Ainda Não Funciona..
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz em 15/11/17, 05:18 pm

Tente agora:
Código:
body {
  cursor: url(https://i.imgur.com/MwGOvYu.png), auto;
}

a:hover {
  cursor: url(https://i.imgur.com/MwGOvYu.png), auto;
}

.monAva img {
  height: 51px;
  width: 48px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}

.monAva img:hover {
  border: 2px solid #FE2EF7;
}

.myStaff a {
  display: inline-block;
  vertical-align: top;
  margin-top: .75em;
}

a[style*="#000099"], a[href^="/u"] > span[style*="#000099"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#D4F000"], a[href^="/u"] > span[style*="#D4F000"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#00F7FF"], a[href^="/u"] > span[style*="#00F7FF"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#F0F000"], a[href^="/u"] > span[style*="#F0F000"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#00FF51"], a[href^="/u"] > span[style*="#00FF51"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#F000E8"], a[href^="/u"] > span[style*="#F000E8"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#BF5EF7"], a[href^="/u"] > span[style*="#BF5EF7"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a.gensmall[style="color: #F000E8"]:before {
  content: '\f005 \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #000099"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #00FF51"]:before {
  content: '\f0ad \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #A200FF"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #00F7FF"]:before {
  content: '\f219 \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #BF5EF7"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #D4F000"]:before {
  content: '\f1fc \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #F0F000"]:before {
  content: '\f0d6 \00A0';
  font-family: 'fontawesome';
}

a.gensmall[style="color: #FC0000"]:before {
  content: '\f0e3 \00A0';
  font-family: 'fontawesome';
}

.frmfechado {
  background-color: #FFE6E2;
  border: 1px solid #E9553C;
  padding: 20px;
  text-align: center;
}

.fa-topiclist-row {
  background-repeat: no-repeat;
  background-position: 99% center;
}

a[style*="#FC0000"], a[href^="/u"] > span[style*="#FC0000"] {
  background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.54)
}

.postprofile dt img, dl.left-box dt img {
  border: 3px solid #000000;
}

/******AMIGOS ONLINE**********/
.monAva img {
  height: 51px;
  width: 45px;
  margin-right: 5px;
  background-color: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}

.monAva img:hover {
  border: 2px solid #FC0000;
}

.myStaff a {
  display: inline-block;
  vertical-align: top;
  margin-top: .75em;
}

/******* AMIGOS ONLINE ********/
.row .hierarchy + img {
  transition: all 200ms linear;
  transform: scale(1);
}

.row:hover .hierarchy + img {
  transform: scale(1.3);
}

Troque sua CSS pelo código acima.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 05:24 pm

Sim Funcionou Mais Nao Teria Como Da Uma Rodadinha Para O Lado ? < Esquerdo ? Ai Eu Iria Editando O Tano Que Rodava e talz
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz em 15/11/17, 05:26 pm

Troque por:
Código:
body {
  cursor: url(https://i.imgur.com/MwGOvYu.png), auto;
}

a:hover {
  cursor: url(https://i.imgur.com/MwGOvYu.png), auto;
}
 
.monAva img {
  height: 51px;
  width: 48px;
  margin-right: 5px;
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
.monAva img:hover {
  border: 2px solid #FE2EF7;
}
.myStaff a {
  display:inline-block;
  vertical-align:top;
  margin-top:.75em;
}
 
a[style*="#000099"],
a[href^="/u"] > span[style*="#000099"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#D4F000"],
a[href^="/u"] > span[style*="#D4F000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#00F7FF"],
a[href^="/u"] > span[style*="#00F7FF"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

a[style*="#F0F000"],
a[href^="/u"] > span[style*="#F0F000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#00FF51"], a[href^="/u"] > span[style*="#00FF51"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#F000E8"], a[href^="/u"] > span[style*="#F000E8"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}
a[style*="#BF5EF7"], a[href^="/u"] > span[style*="#BF5EF7"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54);
}

 a.gensmall[style="color: #F000E8"]:before {
  content: '\f005 \00A0';
  font-family: 'fontawesome';
  }
 
 a.gensmall[style="color: #000099"]:before {
  content: '\f085 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #00FF51"]:before {
  content: '\f0ad \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #A200FF"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #00F7FF"]:before {
  content: '\f219 \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #BF5EF7"]:before {
  content: '\f0c0 \00A0';
  font-family: 'fontawesome';
 
 }
 a.gensmall[style="color: #D4F000"]:before {
  content: '\f1fc \00A0';
  font-family: 'fontawesome';
  }
 a.gensmall[style="color: #F0F000"]:before {
  content: '\f0d6 \00A0';
  font-family: 'fontawesome';
}
  a.gensmall[style="color: #FC0000"]:before {
  content: '\f0e3 \00A0';
  font-family: 'fontawesome';
}
  .frmfechado {
  background-color:#FFE6E2;
  border:1px solid #E9553C;
  padding:20px;
  text-align:center;
 
}
 
  .fa-topiclist-row {
  background-repeat: no-repeat;
  background-position: 99% center;
}
 
a[style*="#FC0000"], a[href^="/u"] > span[style*="#FC0000"] {
background-image: url(http://brasil-nl.com.br/forum/public/style_images/splatts/brilho.gif);
text-shadow: 0 0 1px rgba(0, 0, 0, 0.54)


.postprofile dt img,
dl.left-box dt img {
border:3px solid #000000;
}
 
/******AMIGOS ONLINE**********/
.monAva img {
  height: 51px;
  width: 45px;
  margin-right: 5px;
  background-color: none repeat scroll 0 0 #FFF;
  border: 1px solid #d5d1c8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
.monAva img:hover {
  border: 2px solid #FC0000;
}
.myStaff a {
  display: inline-block;
  vertical-align: top;
  margin-top: .75em;
}
/******* AMIGOS ONLINE ********/

.row .hierarchy + img {
  transition: all 200ms linear;
  transform: scale(1) rotate(0deg);
}
 
.row:hover .hierarchy + img {
  transform: scale(1.3) rotate(-45deg);
}


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan em 15/11/17, 05:41 pm

Ok Esta Tudo Certo Pode Fechar .
avatar

Daniel Yan
Nível 7

Masculino
Inscrito dia : 17/09/2017
Mensagens : 81
Pontos Ativos : 106

Ver perfil do usuário http://bps-brasilplaystyle.forumeiros.com

Resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz em 15/11/17, 05:41 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

Ver perfil do usuário https://github.com/lffg/

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