Modificar Ranks pelo Perfil

2 participantes

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

Tópico resolvido Modificar Ranks pelo Perfil

Mensagem por iScroll 20.04.17 16:03

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição


Gostaria do seguinte código:

https://i.imgur.com/cXMKyLD.png
https://i.imgur.com/qLCpkh0.png

Em todos os fóruns dá para substituir um PERFIL criado por "UMA LISTA DE IMAGENS", e uso para add RANKS das organizações do meu servidor de SA:MP.
Mas queria o mesmo para adicionar os ranks dos grupos, veja:
https://i.imgur.com/cJWjQeW.png
A parte em vermelho iria aparecer na parte onde deixei marcado de verde, e ai daria para substituir.
Seria possível ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 0:15

Olá,

Tecnicamente, não existe um rank por grupo.
Como o senhor deve saber, os ranks só podem ser modificados via painel de controle, exceto aqueles ranks obtidos através do número de mensagens.

O que digo é que os ranks especiais só podem ser modificados por administradores, através do ACP.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 3:57

Entendo, sei como é realmente.
As vezes é trabalhoso ir até o Painel por coisa tão simples, já tentei um código que ao setar o cargo também sete o rank, mas acabou bugando e não resultando em nada quase... Teria como tentarmos fazer o código que pedi acima ou tentar fazer o código que ao setar o grupo nele também sete um rank?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 4:13

Podemos tentar fazer um código que funcione somente no perfil nas mensagens:

Com base na cor do nome do usuário, após (ou antes) do nickname do usuário, seria colocado um rank.
Mas, só daria nas mensagens, e seria automático, ou seja, o senhor não teria como modificar, exceto se a pessoa entrar/sair daquele grupo X.

De acordo? Feliz

o/

----------
Edit:
Correção ortográfica.
----------
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 4:15

Luiz~ escreveu:Podemos tentar fazer um código que funcione somente no perfil nas mensagens:

Com base na cor do nome do usuário, após (ou antes) do nickname do usuário, seria colocado um rank.
Mas, só daria nas mensagens, e seria automático, ou seja, o senhor não teria como modificar, exceto se a pessoa entrar/sair daquele grupo X.

De acordo? Feliz

o/

----------
Edit:
Correção ortográfica.
----------

De acordo, mas um pequeno incidente, se eu fosse usar tal código eu gostaria para todas as páginas, seria possível? Pois não vou utilizar apenas nas mensagens, não faz sentido por um membro no grupo pro rank aparecer apenas nas mensagens dele :/ Se fosse possível em todos as páginas seria perfeito!
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 4:17

O que o senhor quer dizer com isso? Errado

O único local em que geralmente um rank aparece é nas mensagens, correto?
Então, é exatamente no perfil das mensagens onde queremos chegar. Ops...

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 4:22

Veja:
Nos tópicos: https://i.imgur.com/SGH0FIm.png
No perfil: https://i.imgur.com/pXT2fRA.png

E aqui também, mas seria apenas o nome e cor do grupo: https://i.imgur.com/TTPNAs2.png
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 10:38

Sinceramente, devo ter tentado umas 20 vezes fazer isso com JS, mas... Não deu certo pelo simples fato de que o tooltip com as informações do usuário, é inserido após o DOM ser carregado (no momento em que o usuário passa o mouse sobre o nick de certo usuário), o que impossibilita (em meu conhecimento) de fazer isso via JS.

O melhor que eu consegui fazer, foi isso:
Código:
.tooltip-content span[style*="color:#FF00FF"]:after {
  content: 'Dono do Servidor';
  display: block;
  font-size: 13px;
  margin-top: 10px;
}

Basta adicionar em sua CSS.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 17:01

Isso perfeito, e nos tópicos/perfil também será possível o mesmo?

Veja o meu script:
Código:
$(function(){var links=$('a[href^="/u"]').filter(function(){if(this.firstChild&&this.firstChild.tagName){if(this.firstChild.tagName!='IMG'){return this}}else{return this}}),usersinfo={};links.tooltipster&&links.not('.mentiontag, .tooltipstered').filter(function(){if(!$(this).closest('#tabs')[0]){return this}}).tooltipster({animation:'fade',interactive:true,contentAsHTML:true,minWidth:300,maxWidth:300,delay:500,arrowColor:"#EEE",autoClose:true,content:'Carregando...',functionBefore:function(origin,continueTooltip){continueTooltip();var userid=$(this).attr('href').replace(/.*?\/u(\d+).*/,'$1');if(origin.data('ajax')!=='cached'){if(usersinfo[userid]!=undefined){origin.tooltipster('content',usersinfo[userid]).data('ajax','cached')}else{$.ajax({type:'GET',url:"/ajax/index.php",dataType:"html",data:{f:"m",user_id:userid},success:function(html){usersinfo[userid]=html;origin.tooltipster('content',html).data('ajax','cached')}})}}}})});
Ele ficou assim: https://i.imgur.com/9qANlGr.png
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 17:37

Crie um novo JS com investimento em todas as páginas com o código:
Código:
(function ($) {
  'use strict';

  var globalGroupConfig = [
    {
      'color': '#FF00FF',
      'text': '<strong>Dono</strong> do Servidor' // HTML É SUPORTADO!
    },
    {
      'color': ' /* Cor do Texto */ ',
      'text': ' /* Texto */ (RANK) '
    }
  ];

  $(function () {
    $.each(globalGroupConfig, function (index, globalGroupConfig) {
      if ($('#profile-advanced-details').length) {
        $('#profile-advanced-details').each(function () {
          $('span[style*="' + globalGroupConfig.color + '"]')
            .closest('#profile-advanced-layout')
              .find('#field_id3')
                .before([
                  '<dl id="field_idLUIZ">',
                  '  <dt>',
                  '    <span style="color:#000000;">Grupo/rank:</span>',
                  '  </dt>',
                  '  <dd>',
                  '    <span>' + globalGroupConfig.text + '</span>',
                  '  </dd>',
                  '</dl>',
                  '<div class="separator"></div>',
                ].join('\n'))
          ;
        });
      }

      if($('.user').length) {
        $('.user').each(function () {
          $('span[style*="' + globalGroupConfig.color + '"]')
            .closest('.user')
              .find('.novorank')
                .prepend([
                  '<span class="rankLUIZ">',
                  '  <span>' + globalGroupConfig.text + '</span>',
                  '</span>',
                ].join('\n'))
          ;
        });
      }
    });
  });
}(jQuery));

Ele irá setar o rank definido por você nessa parte do código:
Código:
  var globalGroupConfig = [
    {
      'color': '#FF00FF',
      'text': '<strong>Dono</strong> do Servidor' // HTML É SUPORTADO!
    },
    {
      'color': ' /* Cor do Texto */ ',
      'text': ' /* Texto */ (RANK) '
    }
  ];
Com base na cor do grupo, automaticamente.

Spoiler:

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 18:11

kkkkkkkkkkkkkkk alguns só estão lá de enfeite a maioria tá desativado.
Bom, sobre o código ele não setou automaticamente a imagem, só ficou o nome, mas eu não quero o nome dele lá no caso "DONO DO SERVIDOR" eu gostaria da imagem do rank apenas. Seria possível ?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 18:14

Basta o senhor mudar o atributo "text" nessa parte co código, para uma imagem:
Código:
  var globalGroupConfig = [
    {
      'color': '#FF00FF',
      'text': '<strong>Dono</strong> do Servidor' // HTML É SUPORTADO!
    },
    {
      'color': ' /* Cor do Texto */ ',
      'text': ' /* Texto */ (RANK) '
    }
  ];
Como eu mesmo comentei no código, o HTML é suportado. Mas lembre-se de usar aspas duplas dentro das aspas simples, por exemplo:
Código:
'text': '<img src="SCR-DA-IMAGEM" />' // HTML É SUPORTADO!

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 18:22

Top! Se liga: https://i.imgur.com/2bUlSLO.png Kkkkkkk
Dá pra resolver ?Feliz
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 18:23

Uau! KK'
Anexe aqui o código JS que o senhor está a usar.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 18:26

Código:
(function ($) {
  'use strict';
 
  var globalGroupConfig = [
    {
      'color': '#FF00FF',
      'text': '<img src="http://i.imgur.com/pARlSap.png" />' // HTML É SUPORTADO!
    },
    {
      'color': '#FF00FF',
      'text': 'Dono/Fundador'
    }
  ];
 
  $(function () {
    $.each(globalGroupConfig, function (index, globalGroupConfig) {
      if ($('#profile-advanced-details').length) {
        $('#profile-advanced-details').each(function () {
          $('span[style*="' + globalGroupConfig.color + '"]')
            .closest('#profile-advanced-layout')
              .find('#field_id3')
                .before([
                  '<dl id="field_idLUIZ">',
                  '  <dt>',
                  '    <span style="color:#000000;">Grupo/rank:</span>',
                  '  </dt>',
                  '  <dd>',
                  '    <span>' + globalGroupConfig.text + '</span>',
                  '  </dd>',
                  '</dl>',
                  '<div class="separator"></div>',
                ].join('\n'))
          ;
        });
      }
 
      if($('.user').length) {
        $('.user').each(function () {
          $('span[style*="' + globalGroupConfig.color + '"]')
            .closest('.user')
              .find('.novorank')
                .prepend([
                  '<span class="rankLUIZ">',
                  '  <span>' + globalGroupConfig.text + '</span>',
                  '</span>',
                ].join('\n'))
          ;
        });
      }
    });
  });
}(jQuery));
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 18:48

Creio que o senhor duplicou o script sem querer. Errado
Isso não aconteceu em meus testes. Pensativo
Verifique isso.

---

Remova os Javascripts que passei neste tópico, e adicione este:
Código:
(function ($) {
  'use strict';
 
  var globalGroupConfig = [
    {
      'color': '#FF00FF',
      'text': '<img src="http://i.imgur.com/pARlSap.png" />' // HTML É SUPORTADO!
    },
    {
      'color': '#FF00FF',
      'text': 'Dono/Fundador'
    }
  ];
 
  $(function () {
    $.each(globalGroupConfig, function (index, globalGroupConfig) {
      if ($('#profile-advanced-details').length) {
        $('#profile-advanced-details').each(function () {
          $('span[style*="' + globalGroupConfig.color + '"]')
            .closest('#profile-advanced-layout')
              .find('#field_id3')
                .before([
                  '<dl id="field_idLUIZ">',
                  '  <dt>',
                  '    <span style="color:#000000;">Grupo/rank:</span>',
                  '  </dt>',
                  '  <dd>',
                  '    <span>' + globalGroupConfig.text + '</span>',
                  '  </dd>',
                  '</dl>',
                  '<div class="separator"></div>',
                ].join('\n'))
          ;
        });
      }
 
      if($('.user').length) {
        $('.user').each(function () {
          $('.username span[style*="' + globalGroupConfig.color + '"]')
            .closest('.user')
              .find('.novorank')
                .before([
                  '<span class="rankLUIZ">',
                  '  <span>' + globalGroupConfig.text + '</span>',
                  '</span>',
                ].join('\n'))
          ;
        });
      }
    });
  });
}(jQuery));
Cuidado para não dar paste duas vezes.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 18:52

Ainda está e aparece o rank do membro ainda, veja : https://i.imgur.com/8u33DNx.png
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 19:01

O script não remove automaticamente o rank, ele simplesmente adiciona um rank setado automaticamente.
Remova os ranks que desejar via ACP.

o/
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por iScroll 21.04.17 19:27

Ah, devido também a outro script acho que vou deixar esse de lado...
Tenho vários JS que tem haver com a mesma coisa, acho que valerá a pena deixar esse de lado.
Desde já, obrigado Luiz.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Modificar Ranks pelo Perfil

Mensagem por Luiz 21.04.17 19:28

Como queira. o/

---
Modificar Ranks pelo Perfil Symbol10 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

Luiz
Membro Entusiasta
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos