[TUTORIAL] Rank deslizante

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

[TUTORIAL] Rank deslizante

Mensagem por BrunoH. em 21/03/14, 06:33 pm



Rank deslizante

Agora podemos permitir o deslizamento aos Rank's. De uma forma elegante e organizada, principalmente para aqueles que utilizam mais de um Rank no perfil. Rank com o efeito deslizante.


--> Tutoriais, dicas e astúcias <--
Rank deslizante




- Código a ser utilizado:
Cada versão tem um código, então terá somente de escolher o da sua versão:
PHPBB3 & INVISION
Código:
jQuery('.postprofile dd:first').wrapInner('<div class="rank-tk"><marquee></marquee></div>');
PHPBB2
Código:
var oTarget = jQuery('.postdetails.poster-profile');
oTarget.each(function () {
    var oThis = jQuery(this);
    var aArray = oThis.html().split('<br>');
    if ( (aArray[0] !== "") && (aArray[1].indexOf('<img') !== -1)) {
        aArray[0] = '<div class="rank-tk"><marquee>' + aArray[0];
        aArray[1] += '</marquee></div>';
        aArray = aArray.join("<br>");
        oThis.html(aArray);
    }
});
PUNBB
Código:
var oTarget = jQuery('.user-basic-info');
oTarget.each(function () {
    var oThis = jQuery(this);
    var oDetach = oThis.find('a').detach();

    oThis.wrapInner('<div class="rank-tk"><marquee></marquee></div>').prepend(oDetach);
});


- Noção básica da função:
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 >>
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta 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.
Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Seta 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:





©️ Fórum dos Fóruns, Sennior & JScript


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Rank deslizante
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum