Этот урок поможет Вам систему репутации, чтобы расширить так, что подсчитывает положительные и отрицательные "любит", и что показывает в постах. Также он гарантирует, что ваше "мне нравится" можно отправлять без страницы изменить!
Эта настройка применима к каждому forumversie, пока ваши шаблоны не слишком сильно изменились. Кроме того, у вас есть система репутации по умолчанию активирован.
МП модулей, баллы и репутация Репутация |
Настройки в CSS В первый идете вы, что CSS, чтобы добавить в ваш файл стилей, так что система представляется правильным.
Админ панель Дисплей изображения и цвета цвета Каскадная Таблица стилей |
Добавьте следующие строки кода в ваш файл стилей:
- Код:
.fa_vote, .fa_voted, .fa_count { font-size:12px; font-family:Verdana, Arial, Helvetica, Sans-serif; display:inline-block !important; width:auto !important; transition:300ms; } .fa_voted, .fa_vote:hover { opacity:0.4 } .fa_voted { cursor:default } .fa_count { font-weight:bold; margin:0 3px; cursor:default; } .fa_positive { color:#4A0 } .fa_negative { color:#A44 } .fa_votebar, .fa_votebar_inner { background:#C44; height:3px; } .fa_votebar_inner { background:#4A0; transition:300ms; }
Не стесняйтесь вносить коррективы.
Установка на JavaScript
Админ панель модуля HTML и javascript JavaScript-код управления |
Системе вам все равно нужен просто новый скрипт с этими параметрами.
- Код:
Titel: (vb: uitbereiding reputatiesysteem) Plaatsing: "Op alle pagina's" Code: (zie hieronder)
|
- Код:
$(function() { // Algemene instellingen van de plugin var config = { position_left : true, // true voor links || false voor rechts negative_vote : true, // true negatieve stemmen || false voor enkel positieve vote_bar : true, // toon een smalle balk onder de stemmen // knop config icon_plus : '<img src="http://i18.servimg.com/u/f18/18/21/41/30/plus10.png" alt="+"/>', icon_minus : '<img src="http://i18.servimg.com/u/f18/18/21/41/30/minus10.png" alt="-"/>', // taal config title_plus : 'Vind %{USERNAME}\'s post leuk', title_minus : 'Vind %{USERNAME}\'s post niet leuk', title_like_singular : '%{VOTES} persoon vind %{USERNAME}\'s post leuk', title_like_plural : '%{VOTES} personen vinden %{USERNAME}\'s post leuk', title_dislike_singular : '%{VOTES} persoon vind %{USERNAME}\'s post niet leuk', title_dislike_plural : '%{VOTES} personen vinden %{USERNAME}\'s post niet leuk', title_vote_bar : '%{VOTES} personen vinden %{USERNAME}\'s post leuk %{PERCENT}' }, // functie gebonden aan de onclick handler van de vote knoppen submit_vote = function() { var next = this.nextSibling, // de teller naast de vote knoppen was aangeklikt box = this.parentNode, bar = box.getElementsByTagName('DIV'), vote = box.getElementsByTagName('A'), mode = /eval=plus/.test(this.href) ? 1 : 0, i = 0, j = vote.length, pos, neg, percent; // stuur de stem asynchroon door $.get(this.href, function() { next.innerHTML = +next.innerHTML + 1; // tel bij bij de vote teller next.title = next.title.replace(/(\d+)/, function(M, $1) { return +$1 + 1 }); pos = +vote[0].nextSibling.innerHTML; neg = vote[1] ? +vote[1].nextSibling.innerHTML : 0; percent = pos == 0 ? '0%' : pos == neg ? '50%' : Math.round(pos / (pos + neg) * 100) + '%'; if (bar[0]) { bar[0].style.display = ''; bar[0].firstChild.style.width = percent; box.title = box.title.replace(/\d+\/\d+/, pos + '/' + ( pos + neg )).replace(/\(\d+%\)/, '(' + percent + ')'); } }); // trek de mogelijkheid om te stemmen in wanneer er al gevote is op de post for (; i < j; i++) { vote[i].href = '#'; vote[i].className = vote[i].className.replace(/fa_vote/, 'fa_voted'); vote[i].onclick = function() { return false }; } return false; }, vote = $('.vote'), i = 0, j = vote.length, version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple', // version check // versie data zodat deze arrays niet gewijzigd dienen te worden gedurende de loop vdata = { tag : ['SPAN', 'LI', 'SPAN', 'LI'][version], name : ['.name', '.postprofile dt > strong', '.username', '.popmenubutton'][version], actions : ['.post-options', '.profile-icons', '.post-options', '.posting-icons'][version], }, post, plus, minus, n_pos, n_neg, title_pos, title_neg, li, ul, bar, button, total, percent, span, pseudo, vote_bar; // defineer variabelen voor later gebruik in de loop // voorkom uitvoering wanneer de versie niet bepaald kan worden if (version == 'badapple') { if (window.console) console.warn('Deze plugin is niet geoptimaliseerd voor je forum. Contacteer het ondersteuningsforum voor verdere hulp.'); return; } for (; i < j; i++) { post = $(vote[i]).parentsUntil('.post').parent()[0]; bar = $('.vote-bar', vote[i])[0]; // vote bar button = $('.vote-button', vote[i]); // plus en min knoppen pseudo = $(vdata.name, post).text() || 'MISSING_STRING'; // gebruikersnaam van de poster ul = $(vdata.actions, post)[0]; // post acties li = document.createElement(vdata.tag); // vote systeem container li.className = 'fa_reputation'; if (li.tagName == 'SPAN') li.style.display = 'inline-block'; // bereken stemmen if (bar) { total = +bar.title.replace(/.*?\((\d+).*/, '$1'); percent = +bar.title.replace(/.*?(\d+)%.*/, '$1'); n_pos = Math.round(total * (percent / 100)); n_neg = total - n_pos; } else { n_pos = 0; n_neg = 0; } // stel positieve en negatieve titels op met de correcte grammatica, stemmen en gebruikersnamen title_pos = (n_pos == 1 ? config.title_like_singular : config.title_like_plural).replace(/%\{USERNAME\}/g, pseudo).replace(/%\{VOTES\}/g, n_pos); title_neg = (n_neg == 1 ? config.title_dislike_singular : config.title_dislike_plural).replace(/%\{USERNAME\}/g, pseudo).replace(/%\{VOTES\}/g, n_neg); // defineer het aantal stemmen li.innerHTML = '<span class="fa_count fa_positive" title="' + title_pos + '">' + n_pos + '</span>' + (config.negative_vote ? ' <span class="fa_count fa_negative" title="' + title_neg + '">' + n_neg + '</span>' : ''); span = li.getElementsByTagName('SPAN'); // gebruik de vote teller containers als ankerpunt // maak positieve stem knop plus = document.createElement('A'); plus.href = button[0] ? button[0].firstChild.href : '#'; plus.onclick = button[0] ? submit_vote : function() { return false }; plus.className = 'fa_vote' + (button[0] ? '' : 'd') + ' fa_plus'; plus.innerHTML = config.icon_plus; plus.title = (button[0] ? config.title_plus : title_pos).replace(/%\{USERNAME\}/g, pseudo); span[0] && li.insertBefore(plus, span[0]); // maak negatieve stem knop if (config.negative_vote) { minus = document.createElement('A'); minus.href = button[1] ? button[1].firstChild.href : '#'; minus.onclick = button[1] ? submit_vote : function() { return false }; minus.className = 'fa_vote' + (button[1] ? '' : 'd') + ' fa_minus'; minus.innerHTML = config.icon_minus; minus.title = (button[1] ? config.title_minus : title_neg).replace(/%\{USERNAME\}/g, pseudo); span[1] && li.insertBefore(minus, span[1]); } // maak stem balk if (config.vote_bar) { vote_bar = document.createElement('DIV'); vote_bar.className = 'fa_votebar'; vote_bar.innerHTML = '<div class="fa_votebar_inner" style="width:' + percent + '%;"></div>'; vote_bar.style.display = bar ? '' : 'none'; li.title = config.title_vote_bar.replace(/%\{USERNAME\}/, pseudo).replace(/%\{VOTES\}/, n_pos + '/' + (n_pos + n_neg)).replace(/%\{PERCENT\}/, '(' + percent + '%)'); li.appendChild(vote_bar); } // voeg het stemsysteem in en verwijder de standaard config.position_left ? ul.insertBefore(li, ul.firstChild) : ul.appendChild(li); vote[i].parentNode.removeChild(vote[i]); } });
Сохраните скрипт и адаптации к система репутации создана! Если вы все же хотите внести изменения, то читайте следующий раздел.
Поменяйте сценарий Чтобы вам контроль над сценарием и легко настраиваемый скрипт включает в себя объект конфигурации в верхней части скрипта, называетсяконфиг. Ниже Вы найдете объяснения самых разных условиях.
- Общая конфигурация
Общие параметры конфигурации, а логическое значение: правда илиложные. С правдой там позволить, ложно отрицать.
position_left Когда вы установите этот параметр в True систему голосования осталось в postopties будет отображаться. Вы измените это значение false, если вы хотите, чтобы система голосования справа должны отображаться.
negative_vote Когда вы установите этот параметр в True отключает отрицательный stemknop можно. Установите этот параметр в false, если вы хотите, что нет, учитывая отрицательный голосов.
vote_bar Когда вы установите этот параметр в True отключает там будет узкий луч, что пропорции голосов, предлагаемые в рамках нравится-нравится, и нравится-не-нравится кнопки появляются. Если Вы не хотите, чтобы дисплей если вы установите параметр в false.
- Настройки кнопку
Кнопку "настройка" позволяет привязать иконки или текст, отображаемый для найти-я-как и нравится-не-нравится кнопки для того чтобы отрегулировать. Вы можете быть либо HTML или текста, выбор за вами.
icon_plus Изменить иконку, которая отображается как кнопка Like. По умолчанию это HTML-элемент изображения:
- Код:
<img src="http://i18.servimg.com/u/f18/18/21/41/30/plus10.png" alt="+"/>
icon_minus : Изменить значок, который отображается, когда найду-я-не-как кнопка. По умолчанию это HTML-элемент изображения:
- Код:
<img src="http://i18.servimg.com/u/f18/18/21/41/30/minus10.png" alt="-"/>
Если у вас есть другие изображения, чтобы использовать, вы должны понимать afbeelings URL-адрес в атрибуте src заменить на свой собственный URL-адрес. Если вы хотите использовать текст, затем удалить все, кроме кавычек, и вы напишите, что вы хотите, такие как "как".
Обзор Как только система установлена и у вас есть свои внес коррективы, у вас есть новый способ голосования на посты в вашем форуме! Когда вы получаете голосовую почту, вы не увидите страницу "ваш голос был подан" за все асинхронные действия. Вместо этого, вы можете увидеть счетчик увеличится, а в баре будет корректироваться в зависимости от ваших настроек. |
Вт 29 Мар - 7:21 автор Nataliya
» Шаман......
Вт 29 Мар - 7:19 автор Nataliya
» [Салаты] Пять ошибок при приготовлении оливье
Ср 26 Янв - 13:20 автор Scheila
» Наша Беседка.. :)
Сб 18 Дек - 13:17 автор Феникс
» Супы из рыбы и морепродуктов
Вт 14 Дек - 22:26 автор Scheila
» Другие закуски
Вт 14 Дек - 22:25 автор Scheila
» Теперь мы есть в Telegram
Чт 26 Авг - 7:59 автор Феникс
» мои клипы.
Ср 4 Авг - 20:55 автор Nataliya
» МОМЕНТЫ ЖИЗНИ
Ср 4 Авг - 20:44 автор Nataliya