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


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» Mudar pre-visualização do formulário
Hoje à(s) 4:00 por YouTube3

» Últimos temas no fórum
Hoje à(s) 1:38 por giancamposm

» Personalizar widget "Últimos assuntos'
Ontem à(s) 20:51 por iScroll

» [Assinatura] Pedido
Ontem à(s) 18:15 por Gabrieel_.

» Diminuir espaço de comentários
Ontem à(s) 15:29 por Cream

» Mudar URLs padrões do fórum
Ontem à(s) 15:23 por Cream

» Conteúdo permitido no fórum
Ontem à(s) 15:23 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
50 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 50 Visitantes :: 1 Motor de busca

Nenhum

[ 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 : 680

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 : 803

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 : 680

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 : 803

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 : 680

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 : 2391

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 : 680

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 : 2391

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 : 680

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 : 2391

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 : 680

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 : 2391

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 : 680

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5