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
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Kyo Panda
 
Shek
 
Sennior
 
YouTube3
 

Quem está conectado
249 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 247 Visitantes :: 2 Motores de busca

Kyo Panda, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 27/11/15, 04:50 pm

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 29/11/15, 02:29 pm, editado 1 vez(es)
avatar

Ramon_Teles
Nível 9

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

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Slurk em 27/11/15, 04:58 pm

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

Slurk
Nível 10

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

http://beststyle.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em 27/11/15, 06:26 pm

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?
avatar

Ramon_Teles
Nível 9

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

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Slurk em 27/11/15, 10:13 pm

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?
avatar

Slurk
Nível 10

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

http://beststyle.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em 29/11/15, 11:51 am

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

Ramon_Teles
Nível 9

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

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em 29/11/15, 12:31 pm

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'
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em 29/11/15, 12:46 pm

@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

avatar

Ramon_Teles
Nível 9

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

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em 29/11/15, 12:56 pm

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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em 29/11/15, 01:17 pm

@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
avatar

Ramon_Teles
Nível 9

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

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em 29/11/15, 01:25 pm

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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em 29/11/15, 01:28 pm

@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?
avatar

Ramon_Teles
Nível 9

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

http://www.npsamp.com.br

Resolvido Re: Cor do post de acordo com o rank

Mensagem por MateusAnjosV em 29/11/15, 01:39 pm

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

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1421
Pontos Ativos : 1987

http://ajuda.forumeiros.com/

Resolvido Re: Cor do post de acordo com o rank

Mensagem por Ramon_Teles em 29/11/15, 02:28 pm

Problema Resolvido.
avatar

Ramon_Teles
Nível 9

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

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