Adăugarea unei bare de reputație

Subiect: Adăugarea unei bare de reputație Vin Feb 20, 2015 8:58 am

Salutare tuturor,

Acest tutorial va ajuta sa adaugati o bara de reputatie pe forumul dumneavoastra. Aceasta bara va creste in functie de reputatia pe care o acumuleaza membrul.

Bara de reputatie functioneaza pe toate versiunile, atat timp cat template-ul viewtopic_body de la versiunile phpbb2 si punbb nu este personalizat.

1. Activarea sistemului de reputatie

Panou de Administrare Module Puncte de reputatie Reputatie

Activati sistemul de reputatie si salvati.2. Adaugarea codului CSS

Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS

Adaugam urmatorul cod:
Cod:
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] { margin:2px 0; }
.repuBlock {
height:8px;
width:8px;
background:[Trebuie sa fiti inscris si conectat pentru a vedea acest link];
border:1px solid [Trebuie sa fiti inscris si conectat pentru a vedea acest link];
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 3px 3px [Trebuie sa fiti inscris si conectat pentru a vedea acest link] inset;
-moz-box-shadow:0 3px 3px [Trebuie sa fiti inscris si conectat pentru a vedea acest link] inset;
box-shadow:0 3px 3px [Trebuie sa fiti inscris si conectat pentru a vedea acest link] inset;
display:inline-block;
margin:0 0.5px;
}

Explicatii:
height:8px; / width:8px; Dimensiunea totala a blocului.
background:[Trebuie sa fiti inscris si conectat pentru a vedea acest link]; Da blocului culoare verde.
border:1px solid [Trebuie sa fiti inscris si conectat pentru a vedea acest link]; Ofera un contur de culoare verde inchis la dimensiunea de 1 pixel.
border-radius:2px; Face blocul usor rotund.
box-shadow:0 3px 3px [Trebuie sa fiti inscris si conectat pentru a vedea acest link] inset; Stabileste o umbra de culoare verde deschis la text.
display:inline-block; Afisarea elementului ca un bloc de linie.
margin:0 0.5px; Adauga un spatiu de 0.5 pixeli intre blocuri.

3. Adaugarea codului JavaScript

Panou de Administrare Module HTML& & JAVASCRIPT Gestionarea codurilor JavaScript Creati un nou cod JavaScript

Titlu: Bara de reputatieAmplasare: TopicuriCod JavaScript:
Cod:
$(document).ready(function() {

var version = 'phpbb3';

var settings = {
repName : 'Reputation',
repStyle : 'block',
repImage : 'https://i.servimg.com/u/f57/18/21/41/30/star12.png'
};

var repLv = {
lv1 : 1,
lv2 : 2,
lv3 : 3,
lv4 : 4,
lv5 : 5,
lv6 : 6,
lv7 : 7,
lv8 : 8
};

if (settings.repStyle.toLowerCase() == 'block') { var repBlock = '' }
else if (settings.repStyle.toLowerCase() == 'image') { var repBlock = '[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]' }
else { var repBlock = '' }
var ver = { phpbb2 : version.toLowerCase() == 'phpbb2', phpbb3 : version.toLowerCase() == 'phpbb3', punbb : version.toLowerCase() == 'punbb', invision : version.toLowerCase() == 'invision' };
var reg = new RegExp('.*'+settings.repName+':\\s+(\\d+).*');

if (ver.phpbb3 || ver.punbb || ver.invision) {
if (ver.phpbb3 || ver.invision) { var profSel = '.postprofile'; var addRepu = $(this).find('dt').append('

'); }
else if (ver.punbb) { var profSel = '.user'; var addRepu = $(this).find('.user-ident').prepend('

'); }
$(profSel).each(function() {
var rep = Number($(this).text().replace(reg,'$1'));
addRepu;
if (rep >= repLv.lv1) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv2 }
if (rep >= repLv.lv2) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv3 }
if (rep >= repLv.lv3) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv4 }
if (rep >= repLv.lv4) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv5 }
if (rep >= repLv.lv5) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv6 }
if (rep >= repLv.lv6) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv7 }
if (rep >= repLv.lv7) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv8 }
if (rep >= repLv.lv8) { $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = 'MAX' }
$(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').attr('title','Reputation level ' + $(this).find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').length + '\nNext : (' + next + ')');
});
}
else if (ver.phpbb2) {
$('td .postdetails.poster-profile').each(function() {
var rep = Number($(this).text().replace(reg,'$1'));
$(this).parent().find('.name').next().after('

');
if (rep >= repLv.lv1) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv2 }
if (rep >= repLv.lv2) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv3 }
if (rep >= repLv.lv3) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv4 }
if (rep >= repLv.lv4) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv5 }
if (rep >= repLv.lv5) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv6 }
if (rep >= repLv.lv6) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv7 }
if (rep >= repLv.lv7) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = rep + '/' + repLv.lv8 }
if (rep >= repLv.lv8) { $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').append(repBlock); var next = 'MAX' }
$(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').attr('title','Reputation level ' + $(this).parent().find('[Trebuie sa fiti inscris si conectat pentru a vedea acest link]').length + '\nNext : (' + next + ')');
});
}
});

Modificarea scriptului
Script-ul functioneaza insa exista unele lucruri pe care trebuie sa le modificati mai intai.

var version = 'phpbb3' : Trebuie sa modificati phpbb3 in versiunea forumului. Acesta poate fi : phpbb2, phpbb3, punbb, sau invision.

repName : 'Reputation' : Trebuie sa modificati Reputation la numele campului rep. Daca la dvs. Reputation este numit Likes schimbati repName : 'Reputation' in repName : 'Likes'

repStyle : 'block' : Editand acest lucru, puteti schimba stilul de bloc (patratul verde) al imaginii din block la o imagine.
block : Afiseaza stilurile bloc din CSS. exemplu
image : Afiseaza o imagine, implicit o stea. exemplu

repImage : 'https://i.servimg.com/u/f57/18/21/41/30/star12.png' : Aceasta este imaginea afisata daca alegeti imaginea ca stil de bloc. Puteti inlocui [Trebuie sa fiti inscris si conectat pentru a vedea acest link] cu orice al URL al imagini pe care o doriti.

lv1 : 1, lv2 : 2, lv3 : 3.. : Aceasta este suma de reputatie, este nevoie de un nou nivel pentru a o atinge. Daca doriti ca level 2 sa fie atins la 10 puncte de reputatie, schimbati lv2 : 2 in lv2 : 10

Nota : Acest script functioneaza si la mesaje si puncte. Cu toate acestea, acest sistem a fost creat special pentru cel de reputatie.