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
» Como eu faço para encontrar uma equipe?
Hoje à(s) 02:19 am por mrvisible

» Personalizar posts
Hoje à(s) 12:19 am por Harleen

» Mostrar usuário do post
Ontem à(s) 08:27 pm por rlmac

» Como fazer sub entrada?
Ontem à(s) 08:07 pm por Harleen

» Como trasnferir um site do wix para forumeiros?
Ontem à(s) 07:33 pm por Shek

» Best Skins | as melhores skins você encontra aqui.
Ontem à(s) 06:48 pm por Dr.

» Widget melhor do mês não funciona
Ontem à(s) 05:03 pm por Kyo Panda

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Shek
 
Luiz
 
APOllO
 
Kyko
 
mrvisible
 
odelgado
 
iScroll
 
rlmac
 

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

IsmaelS., mrvisible, Pedxz

[ 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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 765
Pontos Ativos : 1066

http://testealrpg.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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3793
Pontos Ativos : 5013

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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 765
Pontos Ativos : 1066

http://testealrpg.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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3793
Pontos Ativos : 5013

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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 765
Pontos Ativos : 1066

http://testealrpg.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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3793
Pontos Ativos : 5013

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
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 765
Pontos Ativos : 1066

http://testealrpg.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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4445

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