Adicionar o efeito arco-íris na seleção de cores
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Adicionar o efeito arco-íris na seleção de cores
Detalhes da questão
Endereço do fórum: https://forumpbr.forumeiros.com/
Versão do fórum: ModernBB
Descrição
Bom dia. Gostaria de colocar opção de deixar um tópico colorido (rainbow)tipo assim: https://prnt.sc/1132630 e assim: https://prnt.sc/11326kk porém, necessito de ajuda com o código responsável por fazer isso.
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Adicionar o efeito arco-íris na seleção de cores
Olá @-Lobisomen.,
Primeiramente entre no Painel de administração > Geral > Mensagens e e-mails > Configuração e ative a opção "Colorir os títulos dos tópicos".
Crie uma nova página JavaScript com investimento em todas as páginas e use o seguinte código:
Vá a sua folha de estilo e encontre:
Cordialmente,
pedxz.
Primeiramente entre no Painel de administração > Geral > Mensagens e e-mails > Configuração e ative a opção "Colorir os títulos dos tópicos".
Crie uma nova página JavaScript com investimento em todas as páginas e use o seguinte código:
- Código:
$(function() {
if (!document.post || !document.post.topic_color) return;
var colors = {
'Efeito arco-íris' : '#f7ffcc'
},
a, b = document.post.topic_color, c = b.childNodes, i = 0, j = c.length, k;
for (k in colors) {
a = document.createElement('OPTION');
a.innerHTML = k;
a.style.color = colors[k];
a.value = colors[k];
b.insertBefore(a, b.firstChild);
};
for (; i<j; i++) if (c[i].style.color == document.post.subject.style.color) c[i].selected = 1;
});
Vá a sua folha de estilo e encontre:
- Código:
.rainbow {
- Código:
a[href^="/t"] > span[style^="color:#f7ffcc;"],
.rainbow {
Cordialmente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Adicionar o efeito arco-íris na seleção de cores
Não houve alterações. :/ https://prnt.sc/11334hq
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Adicionar o efeito arco-íris na seleção de cores
Qual é o endereço do seu fórum?! O fórum que o senhor preencheu no formulário não usa nenhum código que eu passei.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Adicionar o efeito arco-íris na seleção de cores
Tive um pequeno imprevisto na senha do fórum https://forumpbr.forumeiros.com/ nas senhas que possuem adm, tenho que esperar uma pessoa dar sinal de vida para eu pegar a senha que esqueci. Então, estou utilizando meu fórum secundário teste https://naointeressa.forumeiros.com/
Login: ContaTeste
Senha: forumeiros
Login: ContaTeste
Senha: forumeiros
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Adicionar o efeito arco-íris na seleção de cores
Na sua folha de estilo encontre:
e altere para
- 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%;
}
a[href^="/t"] > span[style^="color:#f7ffcc;"],
.rainbow {
}
e altere para
- 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_animation 4s ease-in-out infinite;
background-size: 400% 100%;
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Adicionar o efeito arco-íris na seleção de cores
Parece que funcionou, porém, ficou meio bugado. Consegue logar na conta que inseri para ver como está?
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Adicionar o efeito arco-íris na seleção de cores
Altere esta linha animation: rainbow_animation 4s ease-in-out infinite; para animation: rainbow 4s ease-in-out infinite;
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Adicionar o efeito arco-íris na seleção de cores
Ficou arco-íris, porém assim https://prnt.sc/1133sl5 È normal?
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Adicionar o efeito arco-íris na seleção de cores
O senhor quer retirar a linha abaixo da hiperligação que aparece quando passa o cursor em cima? Se sim, adicione na sua folha de estilo o seguinte código:
- Código:
a:hover,
a:focus {
text-decoration: none !important;
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
Re: Adicionar o efeito arco-íris na seleção de cores
Funcionou, muito obrigado pela eficiência
, nota: 100. Pode fechar o tópico
![Feliz](/users/2612/28/77/07/smiles/61552.gif)
![Admineiro Admineiro](https://i.imgur.com/TuksIJS.png)
Re: Adicionar o efeito arco-íris na seleção de cores
![Eu amo você](/users/2612/28/77/07/smiles/10288.gif)
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7886
Pontos : 9135
![-](https://2img.net/i/fa/fdf3/moins10.png)
» Adicionar o efeito arco-íris na seleção de cores
» Efeito arco-íris
» Efeito arco-íris no título de um tópico
» Título de anúncios com efeito de arco-íris
» Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos
» Efeito arco-íris
» Efeito arco-íris no título de um tópico
» Título de anúncios com efeito de arco-íris
» Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos