Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

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

Atendido / Resolvido Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por -Lobisomen. 04.04.21 18:37

Detalhes da questão


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

Descrição


Saudações,

novamente estou tendo problema nas legendas de títulos em arco-íris, não está do jeito que eu almejava ser. Queria que fosse da seguinte forma: https://prnt.sc/11444rk . Mas está assim: https://prnt.sc/11445qb . Como faço para deixar o tópico que eu quiser brilhoso e com a imagenzinha ao lado? Desde já, irei ficar no aguardo. Pff

Obs¹: Já tentei o CSS:

Código:
a[href^="/t"] > span[style^="color:#f7ffcc;"],
.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 4s ease-in-out infinite
    background-size: 400% 100%;
}

Porém, sem sucesso nenhum.
-Lobisomen.

-Lobisomen.
Nível 5

Masculino
Inscrito dia : 28/03/2021
Mensagens : 41
Pontos Ativos : 63

https://forumpbr.forumeiros.com

Atendido / Resolvido Re: Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por vcapelli 04.04.21 18:48

Mude o seu código do CSS para esse:

Código:
a[href^="/t"] > span[style^="color:#f7ffcc;"],
.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 4s ease-in-out infinite;
    background-size: 400% 100%;
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 161
Pontos Ativos : 312

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vcapelli_hb

Atendido / Resolvido Re: Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por -Lobisomen. 04.04.21 21:04

@vcapelli escreveu:Mude o seu código do CSS para esse:

Código:
a[href^="/t"] > span[style^="color:#f7ffcc;"],
.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 4s ease-in-out infinite;
    background-size: 400% 100%;
}
@keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

Foi, porém com bugs. ;/  Chorando ou muito tr
-Lobisomen.

-Lobisomen.
Nível 5

Masculino
Inscrito dia : 28/03/2021
Mensagens : 41
Pontos Ativos : 63

https://forumpbr.forumeiros.com

Atendido / Resolvido Re: Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por vcapelli 04.04.21 23:10

Testei o código no seu fórum e funcionou pode informar qual o bug? Pensativo

Spoiler:
Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos OL8tZvj
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 161
Pontos Ativos : 312

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vcapelli_hb

Atendido / Resolvido Re: Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por -Lobisomen. 05.04.21 0:46

@vcapelli escreveu:Testei o código no seu fórum e funcionou pode informar qual o bug? Pensativo

Spoiler:
Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos OL8tZvj

Boa noite. Eu queria que tivesse com a imagenzinha ao lado, como consta no primeiro print. È possível? Desde já, obg, e no aguardo
-Lobisomen.

-Lobisomen.
Nível 5

Masculino
Inscrito dia : 28/03/2021
Mensagens : 41
Pontos Ativos : 63

https://forumpbr.forumeiros.com

Atendido / Resolvido Re: Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por vcapelli 05.04.21 1:05

Só adicionar:
Código:
a[href^="/t"] > span[style^="color:#f7ffcc;"]:before {
  font-family: "Font Awesome 5 Free";
  content: '\f51c';
  margin-right: 3px;
  font-weight: 1000;
}

zen
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 161
Pontos Ativos : 312

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vcapelli_hb

Atendido / Resolvido Re: Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por -Lobisomen. 05.04.21 1:25

Funcionou!!  Obrigado pela sua ajuda, amigo!!. Feliz  Muito feliz
-Lobisomen.

-Lobisomen.
Nível 5

Masculino
Inscrito dia : 28/03/2021
Mensagens : 41
Pontos Ativos : 63

https://forumpbr.forumeiros.com

Atendido / Resolvido Re: Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos

Mensagem por pedxz 07.04.21 20:47

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 : 5976
Pontos Ativos : 7112

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