Barra de acordo com a cor do grupo

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

Resolvido Barra de acordo com a cor do grupo

Mensagem por iScroll em 23/03/17, 10:45 pm

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:

http://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, 04:56 pm, editado 1 vez(es)
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda em 24/03/17, 08:41 am

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;
}
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll em 24/03/17, 12:12 pm

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;
}
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda em 24/03/17, 01:34 pm

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll em 24/03/17, 02:52 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda em 24/03/17, 03:58 pm

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));
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll em 24/03/17, 04:57 pm

Perfeito Kyo! obrigado.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1567
Pontos Ativos : 2126

Ver perfil do usuário http://ultimatelife.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Luiz em 24/03/17, 05:04 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

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