[TUTORIAL] Rank deslizante

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

Principal contribuidor
  • 0

[TUTORIAL] Rank deslizante Empty [TUTORIAL] Rank deslizante

Mensagem por BrunoH. 21.03.14 21:33


[TUTORIAL] Rank deslizante Magic

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:
[TUTORIAL] Rank deslizante Php31210 PHPBB3 & INVISION
Código:
jQuery('.postprofile dd:first').wrapInner('<div class="rank-tk"><marquee></marquee></div>');
[TUTORIAL] Rank deslizante Php21110PHPBB2
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);
    }
});
[TUTORIAL] Rank deslizante Pun1210PUNBB
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 >>
[TUTORIAL] Rank deslizante Painel13
[TUTORIAL] Rank deslizante 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Rank deslizante 110210Seta 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.
[TUTORIAL] Rank deslizante 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Rank deslizante 110410Seta 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:
    [TUTORIAL] Rank deslizante WJ29MSb





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


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

BrunoH.
Principal contribuidor
Principal contribuidor

Membro desde : 15/06/2012
Mensagens : 7675
Pontos ativos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

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


Permissões neste fórum
Você não pode responder aos tópicos