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 Visualização Templates Geral e no template overall_header clique no ícone . 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 .
Agora aceda a Painel administrativo Visualização Cores 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:
https://astronautweb.co/snippet/font-awesome/
Alguma questão estarei ao seu dispor.
Cumprimentos,
Fraise.
O site inserido acima para a coleta dos ícones deu erro.
Cumprimentos,
Como mostro abaixo o ícone não estão carregando!
- 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"
- 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
- 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 Módulos HTML & JAVASCRIPT 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 Visualização Imagens e Cores Cores 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.
- 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?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
- 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 Corresponde à cor desejada.
Até mais.
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.
- 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!
- 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é!
- 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