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
» Slides bugado
Hoje à(s) 12:21 am por iScroll

» Separador
Ontem à(s) 11:01 pm por Ketholy123

» Ranks para meu Fórum
Ontem à(s) 10:56 pm por ranzatti

» E-mail para instalação do Topic'it com problema
Ontem à(s) 10:55 pm por Luiz

» Ícones flutuantes
Ontem à(s) 10:01 pm por Gaaratsu

» Menu Mensagem Privada
Ontem à(s) 07:29 pm por Luiz

» Adicionar estrelas nos tópicos
Ontem à(s) 06:39 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Ketholy123
 
iScroll
 
Fou-Lu
 
Matt Shultz
 
Shek
 
Harleen
 
ranzatti
 
APOllO
 
zHugh
 

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

ALF007, CaioCrisostomo, Dr., Fou-Lu, Gaaratsu, Heikki, iScroll, Ketholy123, ranzatti, Shek, soldado

[ Ver toda a lista ]


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

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 : 1391
Pontos Ativos : 1902

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


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

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 : 1391
Pontos Ativos : 1902

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.


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

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 : 1391
Pontos Ativos : 1902

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


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5785

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 : 1391
Pontos Ativos : 1902

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


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5149
Pontos Ativos : 5966

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