Animação Nos Topicos Icones Do Forum .

4 participantes

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

Tópico resolvido Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 14:47

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
Daniel Yan

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Konai 15.11.17 18:05

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:
Animação Nos Topicos Icones Do Forum . Notici10 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
Konai

Konai
Membro Entusiasta
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: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 18:22

Nem Um Funcionou No Forum ...
Daniel Yan

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Konai 15.11.17 18:27

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
Konai

Konai
Membro Entusiasta
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: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 18:28

Esta Opção Ja Esta Marcada
Daniel Yan

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Konai 15.11.17 18:35

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
Konai

Konai
Membro Entusiasta
Membro Entusiasta

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

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz 15.11.17 18:38

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 18:50

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

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Ketholy 15.11.17 18:55

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

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 19:02

Ainda Sim Não Funciona...
Daniel Yan

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz 15.11.17 19:05

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

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 19:07

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);
}
Daniel Yan

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz 15.11.17 19:11

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 19:13

Mesmo Assim Ainda Não Funciona..
Daniel Yan

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz 15.11.17 19:18

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 19:24

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

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz 15.11.17 19:26

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Daniel Yan 15.11.17 19:41

Ok Esta Tudo Certo Pode Fechar .
Daniel Yan

Daniel Yan
**

Membro desde : 18/09/2017
Mensagens : 84
Pontos : 109

http://bps-brasilplaystyle.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Animação Nos Topicos Icones Do Forum .

Mensagem por Luiz 15.11.17 19:41

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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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