Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
[TUTORIAL] Rank deslizante
Página 1 de 1
[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 >>
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
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. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
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 |
Tópicos semelhantes
» [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] Adicionar mais de um rank a um membro
» [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] Adicionar mais de um rank a um membro
» [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