Título de anúncios com efeito de arco-íris

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

Atendido / Resolvido Título de anúncios com efeito de arco-íris

Mensagem por Riickizin 05.11.20 19:35

Detalhes da questão


Endereço do fórum: https://policiadpsm.forumeiros.com
Versão do fórum: ModernBB

Descrição


Opa!

Como adiciona um título rainbow (efeito arco-irís) mudando de cor diversas vezes em um tópico a ser fixado como anúncio global?
Riickizin

Riickizin
Nível 5

Masculino
Inscrito dia : 16/10/2020
Mensagens : 41
Pontos Ativos : 67

https://policiagts.forumeiros.com

Atendido / Resolvido Re: Título de anúncios com efeito de arco-íris

Mensagem por RafaelS. 05.11.20 19:58

Olá @Riickizin,

Crie um novo Javascript com investimento em todas as páginas:
Código:
$(function() {
$('.topic-title-container:contains("Anúncio global:") .topic-title.hierarchy .topictitle').addClass("rainbow");
});

De seguida, adicione no topo da sua folha de estilos (CSS) o código abaixo:
Código:
.rainbow {
    background: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    animation: rainbow_animation 4s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

Atenciosamente,
RafaelS. King


Eu sou o RafaelS.,
Eu aconselho-lhe ler os seguintes tópicos:

Admineiros Para evitar ser punido é importante que leia  o regulamento geral do Fórum dos fóruns.
Admineiros Antes de criar o seu pedido de suporte certifique-se de ler o regulamento da seção de suporte.
Admineiros Quando for criar o seu tópico tente ser o mais específico possível, para que nós possámos entender!

"O importante não é vencer todos os dias, mas lutar sempre."
Título de anúncios com efeito de arco-íris 1163
RafaelS.

RafaelS.
Admineiro
Admineiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 5705
Pontos Ativos : 7241

http://techmais.forumeiros.com/

Atendido / Resolvido Re: Título de anúncios com efeito de arco-íris

Mensagem por Riickizin 05.11.20 20:27

Deu certo, obrigado e pode fechar!
Riickizin

Riickizin
Nível 5

Masculino
Inscrito dia : 16/10/2020
Mensagens : 41
Pontos Ativos : 67

https://policiagts.forumeiros.com

Atendido / Resolvido Re: Título de anúncios com efeito de arco-íris

Mensagem por pedxz 05.11.20 20:36

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5839
Pontos Ativos : 6947

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