Modificar Ranks pelo Perfil

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 ?

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/

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?

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

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?

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!

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/

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

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/

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

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': 'Dono 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>', ' Grupo/rank:', ' </dt>', ' <dd>', ' ' + globalGroupConfig.text + '', ' </dd>', '</dl>', '<div class="separator"></div>', ].join('\n')) ; }); } if($('.user').length) { $('.user').each(function () { $('span[style*="' + globalGroupConfig.color + '"]') .closest('.user') .find('.novorank') .prepend([ '', ' ' + globalGroupConfig.text + '', '', ].join('\n')) ; }); } }); }); }(jQuery));

Ele irá setar o rank definido por você nessa parte do código:

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

Com base na cor do grupo, automaticamente.

Spoiler:

o/

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 ?

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': 'Dono 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/

por iScroll 21.04.17 18:22

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

por Luiz 21.04.17 18:23

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

o/

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>', ' Grupo/rank:', ' </dt>', ' <dd>', ' ' + globalGroupConfig.text + '', ' </dd>', '</dl>', '<div class="separator"></div>', ].join('\n')) ; }); } if($('.user').length) { $('.user').each(function () { $('span[style*="' + globalGroupConfig.color + '"]') .closest('.user') .find('.novorank') .prepend([ '', ' ' + globalGroupConfig.text + '', '', ].join('\n')) ; }); } }); }); }(jQuery));

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>', ' Grupo/rank:', ' </dt>', ' <dd>', ' ' + globalGroupConfig.text + '', ' </dd>', '</dl>', '<div class="separator"></div>', ].join('\n')) ; }); } if($('.user').length) { $('.user').each(function () { $('.username span[style*="' + globalGroupConfig.color + '"]') .closest('.user') .find('.novorank') .before([ '', ' ' + globalGroupConfig.text + '', '', ].join('\n')) ; }); } }); }); }(jQuery));

Cuidado para não dar paste duas vezes.

o/

por iScroll 21.04.17 18:52

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

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/

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.

por Luiz 21.04.17 19:28

Como queira. o/

---

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Hitskin.com

Modificar Ranks pelo Perfil