1 Resultado encontrado para f00

Admin
Qui Set 29, 2016 2:30 pm

Procurar em: Dicas e Tutoriais
Tópico: [Tutorial] Adicionar borda no perfil para grupos específicos
Respostas: 0
Vistos: 196
Autor: waghcwb
Funcionalidade: Todas as versões
Descrição: Agora podemos adicionar borda no perfil das mensagens para determinados grupos. Dando em si um design melhor, com a aparecia de identificar os grupos com mais facilidade.


- Código a ser utilizado:
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 = "#f00";
 
    switch ( forumversion() )
{
    case "invision":
        var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
        var version = $('.post');
        break;
    case "phpbb2":
        var seletor = $('.name span[style="color:'+jColor+'"]');
        var version = $('.row1');
        break;
    case "phpbb3":
        var seletor = $('.postprofile dl dt span[style="color:'+jColor+'"]');
        var version = $('.post');
        break;
    case "punbb":
            var seletor = $('.username span[style="color:'+jColor+'"]');
            var version = $('.post');
        break;
           
    default: "Erro ao identificar a versão do fórum";
}

seletor.each(function(){
    $(this).closest(version).css({
        'border-width':'0 0 0 5px',
        'border-color': jColor,
        'border-style':'solid'
    });
});
   
   

});


No código, procure por esta parte:
Código:
var jColor = "#f00";

Essa parte é responsável por identificar a cor do grupo que você deseja que tenha essa borda colorida, basta mudar o valor padrão que é #f00 para a cor do grupo desejado.

Caso não saiba qual a cor do grupo, vá nas configurações dos grupos e modifique o grupo desejado, nas modificações o campo "Cor dos membros do grupo" é a cor que você deseja.
CPainel ->> Usuários & Grupos ->> Grupos ->> Administração dos Grupos.


- Aplicando o código:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Tópicos com a tag f00 em  Painel13
Tópicos com a tag f00 em  110111Arrow Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Tópicos com a tag f00 em  110210Arrow Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.

Tópicos com a tag f00 em  110310Arrow Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.

Tópicos com a tag f00 em  110410Arrow Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.


  • Resultado:
    Tópicos com a tag f00 em  OHp3vNO

Ir para o topo