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

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
171 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 168 Visitantes :: 1 Motor de busca

PESS_dodo, Railison Ramon, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Sex 24 Mar 2017 - 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:

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 Sex 24 Mar 2017 - 19:56, editado 1 vez(es)
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 589
Pontos Ativos : 1623

http://testealrpg.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda em Sex 24 Mar 2017 - 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;
}


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3095
Pontos Ativos : 6391

http://ajuda.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll em Sex 24 Mar 2017 - 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;
}
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 589
Pontos Ativos : 1623

http://testealrpg.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda em Sex 24 Mar 2017 - 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.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3095
Pontos Ativos : 6391

http://ajuda.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll em Sex 24 Mar 2017 - 17:52

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 : 589
Pontos Ativos : 1623

http://testealrpg.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Kyo Panda em Sex 24 Mar 2017 - 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));


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3095
Pontos Ativos : 6391

http://ajuda.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por iScroll em Sex 24 Mar 2017 - 19:57

Perfeito Kyo! obrigado.
avatar

iScroll
Usuário destaque

Masculino
Inscrito dia : 08/03/2015
Mensagens : 589
Pontos Ativos : 1623

http://testealrpg.forumeiros.com

Resolvido Re: Barra de acordo com a cor do grupo

Mensagem por Luiz~ em Sex 24 Mar 2017 - 20:04

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~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

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