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

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
Gaaratsu
 
Fou-Lu
 
Shek
 
Eduardo Lima
 
while
 
Jeckwilke
 
LucasPofahl
 
Maiicinhu
 
Thiago
 

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

Lincoln, 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 : 189
Pontos Ativos : 316

Ver perfil do usuário 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

Ver perfil do usuário 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 : 189
Pontos Ativos : 316

Ver perfil do usuário 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

Ver perfil do usuário 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 : 189
Pontos Ativos : 316

Ver perfil do usuário 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 : 1438
Pontos Ativos : 2014

Ver perfil do usuário 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 : 189
Pontos Ativos : 316

Ver perfil do usuário 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 : 1438
Pontos Ativos : 2014

Ver perfil do usuário 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 : 189
Pontos Ativos : 316

Ver perfil do usuário 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 : 1438
Pontos Ativos : 2014

Ver perfil do usuário 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 : 189
Pontos Ativos : 316

Ver perfil do usuário 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 : 1438
Pontos Ativos : 2014

Ver perfil do usuário 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 : 189
Pontos Ativos : 316

Ver perfil do usuário 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