Cor do post de acordo com o rank Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Cor do post de acordo com o rank

3 participantes

Ir para baixo

Tópico resolvido Cor do post de acordo com o rank

Mensagem por Ramon_Teles 27.11.15 18:50

Detalhes da questão


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

Descrição


Olá, mais uma dúvida, rs.
Desta vez, gostaria de saber como fazer para cada post de usuário a folha ficar de acordo com o Rank/Grupo do mesmo.

Um exemplo:
Tentei ilustrar abaixo.
Observem, 1 comentário está com o fundo da folha em azul, já o outro está em rosa...
Ambos players são de grupos diferentes.
Como faço isso no meu fórum?

Cor do post de acordo com o rank C79kynR


Última edição por Ramon_Teles em 29.11.15 16:29, editado 1 vez(es)
Ramon_Teles
Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Slurk 27.11.15 18:58

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.
Slurk
Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles 27.11.15 20:26

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?
Ramon_Teles
Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Slurk 28.11.15 0:13

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?
Slurk
Slurk
****

Membro desde : 23/11/2015
Mensagens : 273
Pontos : 437

http://beststyle.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles 29.11.15 13:51

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...
Ramon_Teles
Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV 29.11.15 14:31

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>

Seta 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
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles 29.11.15 14:46

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>

Seta 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

Cor do post de acordo com o rank WZsk0ni
Ramon_Teles
Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV 29.11.15 14:56

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. Piscada
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles 29.11.15 15:17

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. Piscada

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
Ramon_Teles
Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV 29.11.15 15:25

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');
});

Feliz
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles 29.11.15 15:28

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');
});

Feliz

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

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV 29.11.15 15:39

Sim exatamente, porém, é o nome que declarou:
<span class="mod">Nome do teu rank</span>
Veja ali: class ="mod", notou? Isso é a classe.
MateusAnjosV
MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles 29.11.15 16:28

Problema Resolvido.
Ramon_Teles
Ramon_Teles
***

Membro desde : 27/11/2015
Mensagens : 189
Pontos : 316

http://www.npsamp.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos