Barra de acordo com a cor do grupo

3 participantes

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

Tópico resolvido Barra de acordo com a cor do grupo

Mensagem por iScroll 24.03.17 1:45

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: phpBB2

Descrição


Olá pessoal, gostaria do seguinte código:

https://i.imgur.com/eFcC8oI.png?1
Não sei se dá pra perceber essa barra cinza ai, percebi também o Shek Crowley com a barra vermelha de acordo com a cor do grupo dele.
Seria possível incrementar isso no meu fórum ?


Última edição por iScroll em 24.03.17 19:56, editado 1 vez(es)
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda 24.03.17 11:41

Primeiro desative o seguinte script:

Código:
http://www.brasilplayultimate.com.br/29692.js

Ele deveria ir abaixo do <body> no overall_header. Após, adicione a um novo Javascript com Investimento em Nos tópicos:

Código:
(function($) {
   'use strict';
   
   if (!/^\/t\d+-/i.test(window.location.href)) {
      return;
   }
   
   $(function() {
      $('.user-basic-info').each(function() {
         var $this = $(this);
         
         var alt = $this
            .find('img:last')
            .attr('alt')
         ;
         
         if (!alt) {
            return;
         }
         
         var name = alt
            .toLowerCase()
            .normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')            
            .replace(/[^a-z0-9]+/gi, '-')
         ;
         
         $this.closest('.post').addClass('post-' + name);
      });
   });
}(jQuery));

E ao CSS:

Código:
#main .post {
   border: 1px #e9e9e9 solid;
   border-top-width: 10px;
   padding: 10px;
   margin-bottom: 10px;
}

#main .post-dono-fundador {
   border-top-color: #f0f;
}

E é só adicionar mais regras de CSS como:

Código:
#main .post-nome-do-rank {
   border-top-color: #COR;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll 24.03.17 15:12

Bom, fiz dessa maneira de acordo com as cores/nomes dos grupos, mas infelizmente não funcionou, apenas a borda de "MEMBROS"

Código:
#main .post {
  border: 1px #e9e9e9 solid;
  border-top-width: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
 
#main .post-administradores {
  border-top-color: #FF00FF;
}
#main .post-moderadores {
  border-top-color: #0033FF;
}
#main .post-moderadores-forum {
  border-top-color: #1BC25B;
}
#main .post-designers {
  border-top-color: #F2C600;
}
#main .post-socio {
  border-top-color: #00FFEA;
}
#main .post-vips {
  border-top-color: #FF0000;
}
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda 24.03.17 16:34

Para falar a verdade eu estou utilizando o nome dos rankings dos usuários para aplicar o estilo:

Código:
#main .post-dono-fundador,
#main .post-dono-scripter {
  border-top-color: #FF00FF;
}
#main .post-moderador {
  border-top-color: #0033FF;
}

#main .post-membro-ultimate {
  border-top-color: #00FFEA;
}
#main .post-vip-s {
  border-top-color: #FF0000;
}

E assim por diante.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll 24.03.17 17:52

Certo, mas infelizmente continua a mesma coisa. Aplique o CSS passado e não resultou em nada.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda 24.03.17 18:58

Erro meu:

Código:
(function($) {
  'use strict';
 
  if (!/^\/t\d+-/i.test(window.location.pathname)) {
      return;
  }
 
  $(function() {
      $('.user-basic-info').each(function() {
        var $this = $(this);
       
        var alt = $this
            .find('img:last')
            .attr('alt')
        ;
       
        if (!alt) {
            return;
        }
       
        var name = alt
            .toLowerCase()
            .normalize('NFD')
            .replace(/[\u0300-\u036f]/g, '')           
            .replace(/[^a-z0-9]+/gi, '-')
        ;
       
        $this.closest('.post').addClass('post-' + name);
      });
  });
}(jQuery));
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll 24.03.17 19:57

Perfeito Kyo! obrigado.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Luiz 24.03.17 20:04

Barra de acordo com a cor do grupo Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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