Reputação estilo IPB! Sex 3 maio 2013 - 17:11
Relembrando a primeira mensagem :
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins
Neste tutorial iremos ensiná-los a personalizar o seu perfil de reputação como na plataforma IPB.
1º - Adicionando o código
Vá até Painel de controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
"Criar um novo javascript"
Título: Use um título que te mostre qual código se trata
Investimento: Nos tópicos
Código:
Localize a seguinte parte do código:
Se tiver alguma dúvida relacionada com este tutorial, crie um tópico de mesmo nome.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Nome do Arquivo: Reputação estilo IPBAutor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins
Neste tutorial iremos ensiná-los a personalizar o seu perfil de reputação como na plataforma IPB.
1º - Adicionando o código
Vá até Painel de controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
"Criar um novo javascript"
Título: Use um título que te mostre qual código se trata
Investimento: Nos tópicos
Código:
- Código:
$(document).ready(function() {
$('head').append(
'<style type="text/css">' +
'.reputation_bs {' +
' background: rgb(141, 177, 62) url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png) 0px 1px repeat no-repeat;' +
' font-weight: bold;' +
' padding: 3px 8px;' +
' display: block !important;' +
' -moz-border-radius: 3px;' +
' -webkit-border-radius: 3px;' +
' border-radius: 3px;' +
' color: #fff;' +
' margin: 0 auto;' +
' margin-bottom: 5px;' +
' max-width: 123px;' +
' text-align: center;' +
'}' +
'.reputation_bs.zero {' +
' background-color: rgb(16, 16, 16);' +
' color: #fff;' +
'}' +
'</style>'
);
$('.post .user, .postprofile dl, .post td .postdetails').each(function() {
$(this).html($(this).html().replace(/(<span\s+class="label">(?:<span\s+style="[^"]*">)?\bReputação(?:<\/span>)?:\s+<\/span>(\d+))/g ,'<div class="reputation_bs">$1<br><span class="title" style="font-weight:normal"></span></div>'));
});
$('.reputation_bs').each(function() {
var rep = parseInt($(this).text().match(/\d+/g));
var rank = '';
if(rep == 0) {
rank = 'Neutro';
$(this).addClass('zero');
}
else if(rep >= 1 && rep < 5) {
rank = 'Iniciante';
}
else if(rep >= 5 && rep < 10) {
rank = 'Membro ativo';
}
else if(rep >= 10) {
rank = 'Excelente';
}
$('.title', this).text(rank);
});
});
Localize a seguinte parte do código:
- Código:
else if(rep >= 1 && rep < 5) {
rank = 'Iniciante';
}
Se tiver alguma dúvida relacionada com este tutorial, crie um tópico de mesmo nome.