Cor do post de acordo com o rank

Detalhes da questão

Endereço do fórum: www.npsamp.com.br
Versão do fórum: PhpBB3

Descrição

Vamos lá : Aceda Painel de controle > Modulos > HTML & Javascript > Gestão dos codigos javascript

Ai você cria um novo codigo javascript com esse codigo com investimento nos topicos

Código:

jQuery(document).ready(function(){
jQuery(".post:has('.Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right');
});

Depois de ter feito isto, você vai em Painel de Controle > Usuários > Ranks > Administração dos Ranks

Código:

<span class=".Administrador">Nome do teu rank</span>

Ai você altera o "Nome do teu rank" pelo nome, e não retire o .Administrador pois o JS irá se direcionar para o rank, fazendo esse efeito.

Tiupkit escreveu:Vamos lá : Aceda Painel de controle > Modulos > HTML & Javascript > Gestão dos codigos javascript

Ai você cria um novo codigo javascript com esse codigo com investimento nos topicos

Código:

jQuery(document).ready(function(){
jQuery(".post:has('.Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right');
});

Depois de ter feito isto, você vai em Painel de Controle > Usuários > Ranks > Administração dos Ranks

Código:

<span class=".Administrador">Nome do teu rank</span>

Ai você altera o "Nome do teu rank" pelo nome, e não retire o .Administrador pois o JS irá se direcionar para o rank, fazendo esse efeito.

Não entendi a 2ª parte, poderia explicar melhor?

Simples, você cria um novo rank ou edita o rank na qual deseja que tenha esse efeito.

Mas, terá que ser dessa forma o nome do rank:

Código:

<span class=".Administrador">Nome do teu rank</span>

Entendeu?

Tiupkit escreveu:Simples, você cria um novo rank ou edita o rank na qual deseja que tenha esse efeito.

Mas, terá que ser dessa forma o nome do rank:

Código:

<span class=".Administrador">Nome do teu rank</span>

Entendeu?

Não funcionou...

Olá Ramon!

Por gentileza, evite tags [ ] em seus títulos e seja mais descritivo, ok?

---

Quanto a sua questão, troque o  segundo código do usuário, por esse:

Código:

<span class="Administrador">Nome do teu rank</span>

Não funcionou porque tinha um "." antes da classe.

Atenciosamente,
MateusAnjos.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

MateusAnjosV escreveu:Olá Ramon!

Por gentileza, evite tags [ ] em seus títulos e seja mais descritivo, ok?

---

Quanto a sua questão, troque o  segundo código do usuário, por esse:

Código:

<span class="Administrador">Nome do teu rank</span>

Não funcionou porque tinha um "." antes da classe.

Atenciosamente,
MateusAnjos.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Agora entendi sobre as [ TAG ], obrigado !!

@Topic

Funcionou, porém no canto direito da página, queria como está no exemplo... E como faço pra alterar as cores?

@Edit

Olha só onde ficou, e onde eu queria

Boa tarde!

Substitua o javascript por esse:

Código:

jQuery(document).ready(function(){
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
});

As cores são essa imagem: https://i.imgur.com/OsHYs.png
Você pode abrir um pedido na seção gráfica e pedir para colorirem.

MateusAnjosV escreveu:Boa tarde!

Substitua o javascript por esse:

Código:

jQuery(document).ready(function(){
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
});

As cores são essa imagem: https://i.imgur.com/OsHYs.png
Você pode abrir um pedido na seção gráfica e pedir para colorirem.

As cores já tenho, quero saber como vou colocar CADA cor em CADA rank.

Por exemplo:
Usuários com Rank de Administrador, com uma cor na página
Usuários com Rank de Moderador, com outra cor na página

Ah, certo, é simples:

Multiplique a parte do meio:

Código:


jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');


Exemplo:

Código:

jQuery(document).ready(function(){
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
});

E no "Administrador", troque pelo nome que colocou na classe, exemplo:

Código:

<span class="mod">Nome do teu rank</span>

Código:

jQuery(document).ready(function(){
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
jQuery(".post:has('mod')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
});

MateusAnjosV escreveu:Ah, certo, é simples:

Multiplique a parte do meio:

Código:


jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');


Exemplo:

Código:

jQuery(document).ready(function(){
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
});

E no "Administrador", troque pelo nome que colocou na classe, exemplo:

Código:

<span class="mod">Nome do teu rank</span>

Código:

jQuery(document).ready(function(){
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
jQuery(".post:has('mod')").css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left');
});

Classe você diz o nome do grupo no painel, correto?

Sim exatamente, porém, é o nome que declarou:

<span class="mod">Nome do teu rank</span>

Veja ali: class ="mod", notou? Isso é a classe.

Problema Resolvido.