Data/hora atual: 28.03.24 13:06

9 resultados encontrados para cor

Como coloco o ícone antes do nome do cargo?

Fraise escreveu:Olá @Anjel,

Efetuei o teste no seu fórum e está funcional.
Vamos por passos:

Aceda a Painel administrativo Seta Visualização Seta Templates Seta Geral e no template overall_header clique no ícone Editar. Logo abaixo da tag <head> adicione o seguinte código:
Código:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

Salve e publique o template voltando à página anterior e publicando o template editado clicando no ícone  Adicionar.

Agora aceda a Painel administrativo Seta Visualização Seta Cores Seta Folha de estilos CSS e vamos começar por adicionar este código que vai adicionar um ícone ao seu grupo "Fundador".
Código:
a.gensmall[style="color: #F000A4"]:before {
  content: '\f004';
  font-family: 'fontawesome';
}


Note que:
Para os restantes grupo, deve adicionar a cor correspondente ao grupo:
a.gensmall[style="color: #COR"]:before

Para ver todos os ícones disponiveis aceda ao seguinte site:
Seta https://astronautweb.co/snippet/font-awesome/

Alguma questão estarei ao seu dispor. Muito feliz

Cumprimentos,
Fraise.


O site inserido acima para a coleta dos ícones deu erro. 

Cumprimentos,
Tópicos com a tag cor em Fórum dos Fóruns Screen14

Como mostro abaixo o ícone não estão carregando!
por Anjel
em 14.04.23 2:02
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Como coloco o ícone antes do nome do cargo?
Respostas: 11
Vistos: 722

Efeito arco-íris no título de um tópico

Olá,

Coloque esse código na gestão de códigos javascript, com investimento em todas as páginas:
Código:
$(function() {
  if (!document.post || !document.post.topic_color) return;
  var colors = {
    'Efeito arco-íris' : '#COR',
  },
  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;
});


Em {#}COR{/#} você bota a cor em que o efeito se aplica, logo após, muda a cor do tópico para "Efeito arco-iris"
por Convidado
em 02.10.20 18:16
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Efeito arco-íris no título de um tópico
Respostas: 2
Vistos: 1230

Efeito rainbow no nickname de um respectivo grupo

Saudações,

Altere o código para este:

Código:

 
a[href^="/u"] span[style*="#COR DO GRUPO"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
    -webkit-background-clip: text;
    background-size: 1800% 1800%;
    -webkit-text-fill-color: transparent;
    animation: rainbow 3s ease infinite;
}
 
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}}


a[href^="/u"] span[style*="#COR DO GRUPO"] {


O que está em destaque, o senhor deve mudar para cor do grupo que usuário que tá.

Atenciosamente,
Chagas
por Chagas
em 21.04.20 18:47
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Efeito rainbow no nickname de um respectivo grupo
Respostas: 19
Vistos: 1519

Fundo dos tópicos de acordo com o ícone de mensagem

Olá.

Acesse
Painel de Controle Seta Branca Módulos Seta Branca HTML & JAVASCRIPT Seta Branca Gestão dos códigos JavaScript

crie um novo código JavaScript e coloque este código seguinte:
Código:
$(function({
$("dd.dterm[style*='ENDEREÇO_DA_IMAGEM']").closest("dl.icon").addClass("NOVA_CSS");
});

- No local do ENDEREÇO_DA_IMAGEM, basta modificá-lo colocando o nome final da imagem do ícone.
Por exemplo: https://i.servimg.com/u/f11/11/81/27/88/112310.png - Vamos pegar somente o final, ficando assim: 112310.png
- Em NOVA_CSS, vamos criar um CSS que vai ficar junto com a imagem de fundo. Então, coloque o que desejar no campo, antecipando um ponto. Exemplo: .t-unico

Feito isso, confirme.

-------------------

Depois de fazer isso, vá em
Painel de Controle Seta Branca Visualização Seta Branca Imagens e Cores Seta Branca Cores Seta Branca Folha de estilo CSS

e adicione o seguinte código à sua Folha de estilo CSS:
Código:
.variavel {background-color:#COR}

- Em .variavel você vai colocar a classe que criou no JavaScript anterior, no nosso caso, será o .t-unico
- Em #COR você vai colocar o código da cor que deseja como fundo, seja hexadecimal ou rgb.
por Alex
em 21.04.18 0:21
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Fundo dos tópicos de acordo com o ícone de mensagem
Respostas: 7
Vistos: 1182

como mudar cor sub-forum modo hover?

Você não se decide, hein? Rindo
Sendo assim, remova o código CSS que te passei e no código jQuery:
Código:
/* Sub-fóruns - Início */

jQuery(document).on('ready', function() {
/* Sub-fóruns que irão ser exibidos */
var subforuns = '<center><a href="http://brasilplayshowrpg.forumbrasil.net/f33-denuncia-contra-admins" id="3">→ Denúncias contra Admins </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f34-denuncias-contra-contra-lideres" id="3">→ Denúncias contra Líderes </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f35-denuncias-contra-cop-s-e-governo" id="3">→ Denúncias contra Cops e Governo </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f36-denuncias-contra-gangsters" id="3">→ Denúncias contra Gangsters </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f37-denuncias-contra-mafiosos" id="3">→ Denúncias contra Mafiosos </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f39-denuncias-contra-mercenarios" id="3">→ Denúncias contra Mercenários </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f40-denuncias-contra-terroristas" id="3">→ Denúncias contra Terroristas </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f38-denuncias-contra-outras-organizacoes" id="3">→ Denúncias contra outras Organizações </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f41-denuncias-contra-socios" id="3">→ Denúncias contra Sócios </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f42-denuncias-contra-civil" id="3">→ Denúncias contra Civis </a></center>';
/* Sub-fóruns que irão ser exibidos */

var forum = 3;
var css = "#topicsmsgs{display:none;}#subforum{padding:7px 7px 7px 7px;}";

jQuery(document).ready(function() {
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").append("<style>" + css + "</style><div id='topicsmsgs'>" + subforuns + "</div>")
});
jQuery(document).each(function() {
jQuery('li.row:eq(' + forum + '), td.tcl:eq(' + forum + '), td.row2.icon:eq(' + forum + '), td.row1.over:eq(' + forum + ')').mouseover(function(){
jQuery("#topicsmsgs").slideDown("fast");
});
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").mouseleave(function(){
jQuery("#topicsmsgs").slideUp("fast");
});
});


);
/* Sub-fóruns - Fim */


E tome atenção nesta linha:
Código:
var subforuns = '<center><a href="http://brasilplayshowrpg.forumbrasil.net/f33-denuncia-contra-admins" id="3">→ Denúncias contra Admins </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f34-denuncias-contra-contra-lideres" id="3">→ Denúncias contra Líderes </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f35-denuncias-contra-cop-s-e-governo" id="3">→ Denúncias contra Cops e Governo </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f36-denuncias-contra-gangsters" id="3">→ Denúncias contra Gangsters </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f37-denuncias-contra-mafiosos" id="3">→ Denúncias contra Mafiosos </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f39-denuncias-contra-mercenarios" id="3">→ Denúncias contra Mercenários </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f40-denuncias-contra-terroristas" id="3">→ Denúncias contra Terroristas </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f38-denuncias-contra-outras-organizacoes" id="3">→ Denúncias contra outras Organizações </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f41-denuncias-contra-socios" id="3">→ Denúncias contra Sócios </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f42-denuncias-contra-civil" id="3">→ Denúncias contra Civis </a></center>';


Basta utilizar as tags <font color="#COR"></font> para definir a cor de cada um.
Veja um exemplo:
var subforuns = '<center><a href="http://brasilplayshowrpg.forumbrasil.net/f33-denuncia-contra-admins" id="3">→ Denúncias contra Admins </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f34-denuncias-contra-contra-lideres" id="3"><font color="#FF0000">→ Denúncias contra Líderes </font></a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f35-denuncias-contra-cop-s-e-governo" id="3">→ Denúncias contra Cops e Governo </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f36-denuncias-contra-gangsters" id="3">→ Denúncias contra Gangsters </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f37-denuncias-contra-mafiosos" id="3">→ Denúncias contra Mafiosos </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f39-denuncias-contra-mercenarios" id="3">→ Denúncias contra Mercenários </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f40-denuncias-contra-terroristas" id="3">→ Denúncias contra Terroristas </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f38-denuncias-contra-outras-organizacoes" id="3">→ Denúncias contra outras Organizações </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f41-denuncias-contra-socios" id="3">→ Denúncias contra Sócios </a></center><center><a href="http://brasilplayshowrpg.forumbrasil.net/f42-denuncias-contra-civil" id="3">→ Denúncias contra Civis </a></center>';


Até mais.
Fraise
por Fraise
em 28.10.15 21:45
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: como mudar cor sub-forum modo hover?
Respostas: 11
Vistos: 1219

Problema nos links de cores

Cá está:
Código:
a:hover {
    color: #COR;
}


#COR Seta Corresponde à cor desejada.

Até mais.
Fraise
por Fraise
em 22.10.15 22:11
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Problema nos links de cores
Respostas: 7
Vistos: 862

Mudar Cor do Campo

Olá!
No índice do seu fórum, aperte as teclas CTRL+F5 e adicione o código enviado pelo @BossAC, com a seguinte modificação:
Código:

#chatbox_header{background:#COR!important}#chatbox_footer{background:#COR!important}


#COR -> edite para a cor na qual deseja. No site Color Hex é possível verificar o código de todas as cores hexadecimal.

Até mais. Feliz
por Troubleshoot
em 03.07.15 20:44
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Mudar Cor do Campo
Respostas: 24
Vistos: 1534

Cor fonte deste local

Olá, adicione isto em seu CSS:

Código:
.h3, h3{color: #COR}


Em #COR coloque o hexadecimal da cor que deseja,

Até mais!
por Shaman
em 14.04.15 22:19
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Cor fonte deste local
Respostas: 6
Vistos: 833

Modificação categorias

Aqui está:
Código:
.pun .main table td.tcl:hover, .pun .main table td.tc2:hover, .pun .main table td.tc3:hover, .pun .main table td.tcr:hover {
background-color: #cor !important;
}


Modifique "#cor" para a cor em hexadecimal ou pelo próprio nome da cor em inglês, como por exemplo:
Código:
white
black
blue
green


Exemplos de cores em hexadecimais:
Código:
#FFFFFF - Branco
#000000 - Preto


Até! Muito feliz
por Konai
em 04.03.15 19:52
 
Procurar em: Questões resolvidas sobre a aparência do fórum
Tópico: Modificação categorias
Respostas: 30
Vistos: 1464

Ir para o topo

Ir para: