Ajuda com "Borda colorida para determinados grupos do seu fórum"

[ZombieW]

• Descrição:

Olá a todos, bom que essa área foi reaberta! o/

Tendo em vista o novo guia lançado hoje (19/04): Borda colorida para determinados grupos do seu fórum, gostaria de saber como diferencio os grupos? É por cor? Porque tenho diversos grupos (4, sem contar o comum) e gostaria de adicionar diversas bordas para cada grupo (verde claro, amarelo, verde-água e cinza).

Como proceder?

---

• Informações:

Fórum:	www.tutorialdoca.com	Versão:	PHPBB3
Tipo:	Pedido de código	Tags:	Ajuda,"Borda,colorida,determinados,grupos,fórum"

---

[ShiroK]

Olá,

Você deve trocar a cor do código abaixo de acordo com a cor do seu grupo;

Código:

var jColor = "#f00";

Por exemplo, o grupo de administradores é #C1FA17, ficará;

Código:

var jColor = ''#C1FA17'';

Então, vale lembrar que a cor da borda será determinada se o grupo tenha a cor que você adicionou ao código. E para adicionar a mais de um grupo crie outro JavaScript.

Atenciosamente,
ShiroK

[waghcwb]

Olá amigo, logo quando eu fui fazer essa atualização no tutorial o mesmo foi bloqueado.
Para que você consiga fazer isso, troque o código pelo código abaixo:

Código:

/*
// Border on groups profiles
// Author: Wagner
// Link: http://www.punbb.forumeiros.com
// This work is free and you can redistribute or modify it, just keep the original credits, or cite our forum.
// Last update: 19/04/2014
*/
$(function(){
   
    var _0x2850=["\x6C\x65\x6E\x67\x74\x68","\x23\x69\x70\x62\x77\x72\x61\x70\x70\x65\x72","\x69\x6E\x76\x69\x73\x69\x6F\x6E","\x2E\x62\x6F\x64\x79\x6C\x69\x6E\x65","\x70\x68\x70\x62\x62\x32","\x23\x77\x72\x61\x70","\x70\x68\x70\x62\x62\x33","\x23\x70\x75\x6E\x2D\x69\x6E\x74\x72\x6F","\x70\x75\x6E\x62\x62","\x65\x72\x72\x6F\x72"];function forumversion(){if(jQuery(_0x2850[1])[_0x2850[0]]){return _0x2850[2];} ;if(jQuery(_0x2850[3])[_0x2850[0]]){return _0x2850[4];} ;if(jQuery(_0x2850[5])[_0x2850[0]]){return _0x2850[6];} ;if(jQuery(_0x2850[7])[_0x2850[0]]){return _0x2850[8];} ;return _0x2850[9];} ;


    var jColor = new Array();
        jColor[0] = "#BF3131";
        jColor[1] = "#1A74B8";
        jColor[2] = "#1A74B8";
   
switch ( forumversion() )
{
    case "invision":
        var seletor = $('.postprofile dl dt span');
        var version = $('.post');
        break;
    case "phpbb2":
        var seletor = $('.name span');
        var version = $('.row1');
        break;
    case "phpbb3":
        var seletor = $('.postprofile dl dt span');
        var version = $('.post');
        break;
    case "punbb":
            var seletor = $('.username span');
            var version = $('.post');
        break;
           
    default: "Erro ao identificar a versão do fórum";
}

function addColor(){
    seletor.each(function(){
        var color = $(this).css('color');
        $(this).closest(version).css({
            'border-width':'0 0 0 5px',
            'border-color': color,
            'border-style':'solid'
        });
    });
}
   
( seletor.attr('style') == jColor[0] || jColor[1] || jColor[2] ? addColor() : "null" );

   

});

As partes importantes dele são as seguintes:
Variáveis onde guardamos as cores dos grupos..

Código:

    var jColor = new Array();
        jColor[0] = "#BF3131";
        jColor[1] = "#1A74B8";
        jColor[2] = "#1A74B8";

Fazemos a checagem se o usuário tem aquelas cores salvas no array

Código:

( seletor.attr('style') == jColor[0] || jColor[1] || jColor[2] ? addColor() : "null" );

Então vamos entender como funciona, na primeira parte você deve inserir as cores dos grupos que você deseja, repetindo esta parte do código:

Código:

jColor[0] = "#BF3131";

Note que depois de jColor temos um número entre colchetes, neste caso o 0 (zero), é com ele que fazemos a contagem, esse número deve ser sempre acrescentado do valor do número anterior, sempre começando do 0, por exemplo:

Código:

jColor[0] = "COR1";
jColor[1] = "COR2";
jColor[2] = "COR3";
jColor[3] = "COR4";
jColor[4] = "COR5";
jColor[5] = "COR6";

Ao adicionar as cores nas suas variáveis vamos a próxima parte do código:

Código:

( seletor.attr('style') == jColor[0] || jColor[1] || jColor[2] ? addColor() : "null" );

Esta vendo esta parte?

Código:

jColor[0] || jColor[1] || jColor[2]

É nela que vamos trabalhar, você deve inserir ai todas as cores que quer utilizar, da seguinte maneira

Código:

jColor[NUMERO NO ARRAY] || jColor[NUMERO NO ARRAY] || jColor[NUMERO NO ARRAY]

Veja, esse símbolo || significa "ou", ou seja estamos falando se existir tal cor ou outra cor, e assim por diante ele faz o que queremos...

Se fossemos usar com os valores passados anteriormente ficaria assim:

Código:

( seletor.attr('style') == jColor[0] || jColor[1] || jColor[2] || jColor[3] || jColor[4] || jColor[5] ? addColor() : "null" );

Entendeu?

É o mesmo processo para todas as versões...

[ZombieW]

Obrigado pelo esclarecimento.

Tenho uma base de Java (e não JavaScript) e na hora que vi o vetor já entendi como tinha de ser feito.

Vou testar aqui e já edito a postagem.

@Edit

Está funcionando corretamente.

Obrigado.