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 : 84
Pontos Ativos : 109

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

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

Mensagem por Konai 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

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6016
Pontos Ativos : 7514

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 : 84
Pontos Ativos : 109

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

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

Mensagem por Konai 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

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6016
Pontos Ativos : 7514

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 : 84
Pontos Ativos : 109

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

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

Mensagem por Konai 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

Konai
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6016
Pontos Ativos : 7514

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

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

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 : 84
Pontos Ativos : 109

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!
avatar

Ketholy
Membro do Fórum

Feminino
Inscrito dia : 20/01/2017
Mensagens : 1177
Pontos Ativos : 1390

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 : 84
Pontos Ativos : 109

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

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

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 : 84
Pontos Ativos : 109

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

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

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 : 84
Pontos Ativos : 109

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

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

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 : 84
Pontos Ativos : 109

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);
}
avatar

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

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 : 84
Pontos Ativos : 109

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

Luiz
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6575
Pontos Ativos : 7341

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum