Efeito brilhante nos grupos

Detalhes da questão

Endereço do fórum: forum.brasilprojectgames.com
Versão do fórum: PunBB

Descrição

Bom.... Queria saber se tem como alguem me ajudar...... pois vi um tutorial onde habilita a função de deixar piscando os nomes de usuarios de determinado grupo do forum...... mas qnd coloquei o codigo em meu forum..... nao obtive resultado algum...... alguem poderia me ajudar a corrigir???

Código:

span[style="color:#FF00CC"] strong {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
   
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
   
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
   
@-moz-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
   
@-webkit-keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
   
@keyframes blinker { 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

ai está o codigo.......

Olá,

Eu fiz um teste com o código e está funcionando perfeitamente! Você se lembrou de colocar a cor do grupo? Por exemplo, no seu fórum o grupo "Donos" é #FF2600. Então o código ficaria assim:

Código:

    span[style="color:#FF2600"] strong {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
       
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
       
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    }
       
    @-moz-keyframes blinker { 
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
       
    @-webkit-keyframes blinker { 
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }
       
    @keyframes blinker { 
        0% { opacity: 1.0; }
        50% { opacity: 0.0; }
        100% { opacity: 1.0; }
    }

Faça o teste com este código que mandei para você! Para cada grupo diferente, como eu disse você tem que pegar a cor dele e colocar na primeira linha do código:

Código:

  span[style="color:#CORDOGRUPO"] strong { ...

Entende?
Até mais!

sem resultado

Olá,

Tente adicionar este código na sua folha de estilos CSS:

Código:

      span[style="color:#FF00CC"] strong {
        -webkit-animation-name: blinker;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-name: blinker;
        -moz-animation-duration: 1s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite; 
        animation-name: blinker;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        }
           
        @-moz-keyframes blinker { 
            0% { opacity: 1.0; }
            50% { opacity: 0.0; }
            100% { opacity: 1.0; }
        }
           
        @-webkit-keyframes blinker { 
            0% { opacity: 1.0; }
            50% { opacity: 0.0; }
            100% { opacity: 1.0; }
        }
           
        @keyframes blinker { 
            0% { opacity: 1.0; }
            50% { opacity: 0.0; }
            100% { opacity: 1.0; }
        }



Resulta?
Até mais!