[TUTORIAL] Rank deslizante
Página 1 de 1 • Compartilhe

[TUTORIAL] Rank deslizante
![]() | 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
Rank deslizante
1º - 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);
});
2º - 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](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
- Resultado:

![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Rank deslizante |
BrunoH.- Membro Proficiente
- Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

» [TUTORIAL] Widget de parceiros deslizante no fim da página
» Como colocar efeito deslizante na logo do rank e na imagen do avatar
» [TUTORIAL] Rank em estilo CSS
» [TUTORIAL] Riscar o rank do usuário banido
» [TUTORIAL] Reputação com estilo de rank
» Como colocar efeito deslizante na logo do rank e na imagen do avatar
» [TUTORIAL] Rank em estilo CSS
» [TUTORIAL] Riscar o rank do usuário banido
» [TUTORIAL] Reputação com estilo de rank
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos