Animação Nos Topicos Icones Do Forum .
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Animação Nos Topicos Icones Do Forum .
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
Re: Animação Nos Topicos Icones Do Forum .
Olá!
Para o efeito de aprofundação no fórum, o código CSS será este:
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:
O código na descrição devesse ser esse(exemplo):
E para finalizar na CSS, adicione este código:
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.
Att!
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>
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.
Att!
Re: Animação Nos Topicos Icones Do Forum .
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!
Att!
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!
Att!
Re: Animação Nos Topicos Icones Do Forum .
Substitua o código CSS por este:
Att!
- 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;
}
Att!
Re: Animação Nos Topicos Icones Do Forum .
Remova os códigos passados anteriormente.
Adicione este código:
o/
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/
Re: Animação Nos Topicos Icones Do Forum .
Aonde Exatamente Eu Coloco Esse Codigo , E Para Tirar Todos E So Botar Esse , Explica Mlhr Pfvr.
Re: Animação Nos Topicos Icones Do Forum .
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!
Re: Animação Nos Topicos Icones Do Forum .
Poderia colocar aqui sua Folha de Estilos?
Provavelmente há um erro CSS nela.
o/
Provavelmente há um erro CSS nela.
o/
Re: Animação Nos Topicos Icones Do Forum .
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);
}
Re: Animação Nos Topicos Icones Do Forum .
Olá,
Foi o que pensei: haviam 2 erros.
Troque por:
o/
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/
Re: Animação Nos Topicos Icones Do Forum .
Tente agora:
Troque sua CSS pelo código acima.
- 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.
Re: Animação Nos Topicos Icones Do Forum .
Sim Funcionou Mais Nao Teria Como Da Uma Rodadinha Para O Lado ? < Esquerdo ? Ai Eu Iria Editando O Tano Que Rodava e talz
Re: Animação Nos Topicos Icones Do Forum .
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);
}
Re: Animação Nos Topicos Icones Do Forum .
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Ícones nos tópicos do fórum
» Centralizar ícones dos tópicos do fórum
» Ícones para os tópicos do meu fórum
» Ícones para os tópicos do meu fórum
» [Ícones] - Médio - Com animação
» Centralizar ícones dos tópicos do fórum
» Ícones para os tópicos do meu fórum
» Ícones para os tópicos do meu fórum
» [Ícones] - Médio - Com animação
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos