Aparencia do Rank

Detalhes da questão

Endereço do fórum: http://brasilplaycity-obpc.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá FDF.


Seguinte eu queria saber como botar Rank automatico no meu fórum, como assim automatico? um css que quando o player entra no grupo ele ja ganha o Rank automatico, por ex:

Membro entrou no grupo Membro Elite, e recebeu Rank esse rank https://prnt.sc/gq2jvi estilo do Best Skin, sem precisar de eu ir no painel e setar o rank para o membro.

Poderiam me ajudar?

Precisarei da cor em hexadecimal seguida pelo nome de cada grupo. o/

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'.

Ok,luiz.

Responsável Fórum - Cor:#302F30

Fundador - Cor: #FF0091

Sub-Dono - Cor: #7500FA

Administrador - Cor: #FF4FD0

Moderador - Cor: #442EE8

Helper - Cor: #00F068

Gerente - Cor: #387842

Master - Cor: #000896

Lider - Cor: #FC5800

Designer - Cor: #7F468A

VIPs - Cor: #B0A100

Equipe TS3 - Cor: #91B6FF

Youtuber - Cor: #B30000

Facebook - Cor: #1973FA


Ai está meus Grupos e as cores

Estarei fazendo o código pela tarde de amanhã.
Como você deseja mais ou menos o rank? Digo, o estilo.

Poxa luiz, pode fazer igual a do bestskin, Pq tenho nenhuma sugestoes sobre estilos, E se quiser tambem pode botar um quadrado um pouco grande e botar o nome centralizado.

Se voce tiver uma sugestão sobre isso vc pode colocar ela, ficarei mt grato ..

@UP

Crie um novo JavaScript investido em todas as páginas com o código:

Código:

(function ($) {
  'use strict';
 
  var colors = [
    {
      color: '#302F30',
      rank : 'Responsável Fórum'
    }, {
      color: '#FF0091',
      rank : 'Fundador'
    }, {
      color: '#7500FA',
      rank : 'Sub-Dono'
    }
  ];
 
  var $dummy = $('<div>');
  var navColors = [];
 
  $.each(colors, function (key, val) {
    var color = $dummy.css('color', val.color).css('color');
   
    navColors.push({
      color: color,
      icon : val.icon,
      rank : val.rank
    });
  });
 
  $(function () {
    $('.post').each(function () {
      var $this = $(this);
 
      var pColor = $this
        .find('.author span > a > span[style]')
          .css('color')
      ;
 
      $.each(navColors, function (key, val) {
        if (pColor !== val.color) {
          return;
        }
 
        var $rank = $('<div>', {
          'html': [
            $('<span>', { 'text': val.rank }).prop('outerHTML')
          ].join('\n')
        })
          .addClass('profile-auto-rank')
            .css({
              backgroundColor: val.color,
              color: '#fff',
              padding: '6px 10px 8px 10px',
              display: 'inline-block',
              marginTop: '9px',
              borderRadius: '3px'
            })
              .appendTo($this.find('.user-basic-info'))
        ;
      });
    });
  });
}(jQuery));

O senhor pode configurar as cores e os grupos neste array, presente no código acima:

Código:

var colors = [
  {
    color: '#302F30',
    rank : 'Responsável Fórum'
  }, {
    color: '#FF0091',
    rank : 'Fundador'
  }, {
    color: '#7500FA',
    rank : 'Sub-Dono'
  }
];

Basta adicionar mais alguns, conforme o padrão colocado acima.
Tome cuidado para colocar vírgulas após cada bloco — objetos — ( { } ), exceto no último.

O resultado será:
-> http://prntscr.com/gqjys8

Lembre-se que não poderemos copiar nada de nenhum fórum sem autorização prévia do criador.

o/

Vlw mno ajudou pakas, ei e como faço pra colocar esses ranks no players membros sem nenhum GRUPO?

Aí é impossível. o/
Só se usar os ranks automáticos pelas mensagens.

Vlw mno tdbem, ajudou pakas pode fechar