Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
275 usuários online :: 11 usuários cadastrados, 2 Invisíveis e 262 Visitantes :: 2 Motores de busca

Daemon, Dark-Avenger, Holkis, iScroll, kankurokio, Kyo Panda, Kyou, mizuno600, PESS_dodo, vitorsali, Wamki

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Cor do post de acordo com o rank

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Cor do post de acordo com o rank

Mensagem por Ramon_Teles em Sex 27 Nov 2015 - 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?



Última edição por Ramon_Teles em Dom 29 Nov 2015 - 16:29, editado 1 vez(es)

Ramon_Teles
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 185
Pontos Ativos : 760

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Slurk em Sex 27 Nov 2015 - 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
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 883

http://beststyle.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em Sex 27 Nov 2015 - 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
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 185
Pontos Ativos : 760

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Slurk em Sab 28 Nov 2015 - 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
Nível 10

Masculino
Inscrito dia : 23/11/2015
Mensagens : 273
Pontos Ativos : 883

http://beststyle.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em Dom 29 Nov 2015 - 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
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 185
Pontos Ativos : 760

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em Dom 29 Nov 2015 - 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
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2471

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em Dom 29 Nov 2015 - 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


Ramon_Teles
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 185
Pontos Ativos : 760

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em Dom 29 Nov 2015 - 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: http://i.imgur.com/OsHYs.png
Você pode abrir um pedido na seção gráfica e pedir para colorirem. Piscada

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2471

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em Dom 29 Nov 2015 - 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: http://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
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 185
Pontos Ativos : 760

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em Dom 29 Nov 2015 - 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
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2471

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em Dom 29 Nov 2015 - 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
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 185
Pontos Ativos : 760

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em Dom 29 Nov 2015 - 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
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2471

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em Dom 29 Nov 2015 - 16:28

Problema Resolvido.

Ramon_Teles
Nível 9

Masculino
Inscrito dia : 27/11/2015
Mensagens : 185
Pontos Ativos : 760

http://www.npsamp.com.br

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum