The Best
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

The Bestدخول
تحسين نظام السمعه لنسخة awesomebb IYwmYsl تحسين نظام السمعه لنسخة awesomebb YX9OYr9

●● إعلانـات ●●
اعلانك هنا كبير إعلانك هنا إعلانك هنا
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
17 المساهمات
16 المساهمات
16 المساهمات
6 المساهمات
5 المساهمات
4 المساهمات
2 المساهمات
1 مُساهمة
1 مُساهمة
1 مُساهمة
آخر المشاركات





descriptiondefaultتحسين نظام السمعه لنسخة awesomebb

more_horiz
السلام عليكم ورحمة الله وبركاته
تحسين نظام السمعه لنسخة awesomebb
تحسين نظام السمعه لنسخة awesomebb Frorum11


ضع الكود التالي بالجافا واختار المواضيع

الكود:

        $(function() {
                  // General Configuration of the plugin
                  var config = {
                    position_left : true, // true for left || false for right
                    negative_vote : true, // true for negative votes || false for positive only
                    vote_bar : true, // display a small bar under the vote buttons
           
                    // button config
                    icon_plus : '<img src="https://i.servimg.com/u/f18/18/21/41/30/plus10.png" alt="+"/>',
                    icon_minus : '<img src="https://i.servimg.com/u/f18/18/21/41/30/minus10.png" alt="-"/>',
           
                    // language config
                    title_plus : 'Like %{USERNAME}\'s post',
                    title_minus : 'Dislike %{USERNAME}\'s post',
           
                    title_like_singular : '%{VOTES} person likes %{USERNAME}\'s post',
                    title_like_plural : '%{VOTES} people like %{USERNAME}\'s post',
           
                    title_dislike_singular : '%{VOTES} person dislikes %{USERNAME}\'s post',
                    title_dislike_plural : '%{VOTES} people dislike %{USERNAME}\'s post',
           
                    title_vote_bar : '%{VOTES} people liked %{USERNAME}\'s post %{PERCENT}'
                  },
             
             
                  // function bound to the onclick handler of the vote buttons
                  submit_vote = function() {
                    var next = this.nextSibling, // the counter next to the vote button that was clicked
                        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;
           
                    // submit the vote asynchronously
                    $.get(this.href, function() {
                      next.innerHTML = +next.innerHTML + 1; // add to the vote count
                      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 + ')');
                      }
                    });
           
                    // revoke voting capabilities on the post once the vote is cast
                    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('phpbb') ? 1 :
                            $('.pun')[0] ? 2 :
                            document.getElementById('ipbwrapper') ? 3 :
                            document.getElementById('modernbb') ? 4 :
                            $('body')[0] ? 5 :
                            'badapple', // version check
           
                  // version data so we don't have to redefine these arrays during the loop
                  vdata = {
                    tag : ['SPAN', 'LI', 'SPAN', 'LI', 'LI'][version],
                    name : ['.name', 'span.post-author-name', '.postprofile dt > strong', '.username', '.popmenubutton', '.postprofile-name'][version],
                    actions : ['.post-options', '.profile-icons',  '.post-options', '.posting-icons', '.profile-icons', '.post-footer.likes-active.vote-active'][version]
                  },
           
                  post, plus, minus, n_pos, n_neg, title_pos, title_neg, li, ul, bar, button, total, percent, span, pseudo, vote_bar; // startup variables for later use in the loop
           
                  // prevent execution if the version cannot be determined
                  if (version == 'badapple') {
                    if (window.console) console.warn('This plugin is not optimized for your forum version. Please contact the support for further assistance.');
                    return;
                  }
           
                  for (; i < j; i++) {
                    post = $(vote[i]).closest('.post')[0];
                    bar = $('.vote-bar', vote[i])[0]; // vote bar
                    button = $('a[href*="p_vote"]', vote[i]); // plus and minus buttons
                    pseudo = $(vdata.name, post).text() || 'MISSING_STRING'; // username of the poster
                    ul = $(vdata.actions, post)[0]; // post actions
                    li = document.createElement(vdata.tag); // vote system container
                    li.className = 'fa_reputation';
           
                    if (li.tagName == 'SPAN') li.style.display = 'inline-block';
           
                    // calculate votes
                    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;
                    }
           
                    // set up negative and positive titles with the correct grammar, votes, and usernames
                    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);
           
                    // define the vote counts
                    li.innerHTML = '<span class="fa_count fa_positive" title="' + title_pos + '">' + n_pos + '</span>' + (config.negative_vote ? '&nbsp;<span class="fa_count fa_negative" title="' + title_neg + '">' + n_neg + '</span>' : '');
                    span = li.getElementsByTagName('SPAN'); // get the vote count containers for use as insertion points
           
                    // create positive vote button
                    plus = document.createElement('A');
                    plus.href = button[0] ? button[0].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]);
           
                    // create negative vote button
                    if (config.negative_vote) {
                      minus = document.createElement('A');
                      minus.href = button[1] ? button[1].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]);
                    }
           
                    // create vote bar
                    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);
                    }
           
                    // finally insert the vote system and remove the default one
                    config.position_left ? ul.insertBefore(li, ul.firstChild) : ul.appendChild(li);
                    vote[i].parentNode.removeChild(vote[i]);
                  }
          $("undefined.fa_reputation").css({
          "float": "right"
        });
                });






ثم ضع الكود التالي بالcss

الكود:


        .fa_vote, .fa_voted, .fa_count {
          font-size:12px;
          font-family:Verdana, Arial, Helvetica, Sans-serif;
          display:inline-block !important;
          width:auto !important;
          float:none !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;
        }





كما تعلمون ان هذا الكود الي صنعه العضو Ange Tuteur. ويعمل على جميع النسخ غير awesomebb

لكن انا عدلتة فقط لكي يعمل على نسخة awesomebb تحسين نظام السمعه لنسخة awesomebb 2347500315

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
هي ليش الصفحه عريضه

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
جميل جدا فقد كان رائعا في النسخ السابقة و جيد انه تم تعديله للعمل على النسخة الأخيرة أيضا

رغم أن زر الاعجاب قد سرق الأضواء مؤخرا Very Happy

مشكور على العمل الرائع في ترجمته كونان

.

بالنسبة للصفحة العريضة فلا أدري لماذا ..

أصبح الكود لا يعود للسطر عندما يكون السطر المكتوب طويلا

تحسين نظام السمعه لنسخة awesomebb 866468155

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
شكراََ ليك علي الطرح الجميل ده و الاكواد المفيده بارك الله فيك بتوفيق في اعمالك القادمه

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
تسلم ايديك موضع مفيد جدا

لاصحاب أحلي منتدي..

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
شكراااااااااااا لكما @S @ M e H و @Akatsuki
على ردودكم الحلوه
الله يخليكم يارب
_____________

@Akatsuki
بخصوص عرض الصفحه بسبب الاكواد
جربي ضعي الكود التالي بالcss

الكود:

.post-content {
    display: flex;
    text-align: center;
    flex-direction: column;
}



لعله يحل المشكله

واذا مانفع اخبروني وان الله اجد لكم حل

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
تــم ~

و قد حلت المشكلة بارك الله فيك تحسين نظام السمعه لنسخة awesomebb 3871200867

تحسين نظام السمعه لنسخة awesomebb 866468155

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
اينما جاء كونان جاء و معه الأفكار البراقة
شكراً جزيلاً لك

descriptiondefaultرد: تحسين نظام السمعه لنسخة awesomebb

more_horiz
M!ss Asakura كتب:
اينما جاء كونان جاء و معه الأفكار البراقة
شكراً جزيلاً لك


العفو  @M!ss Asakura

يسعدني سماع ذلك  تحسين نظام السمعه لنسخة awesomebb 3058685579


شكراااااااااااااااا لكي عالمرور ^^
 
 KonuEtiketleri عنوان الموضوع
تحسين نظام السمعه لنسخة awesomebb
 Konu BBCode BBCode
privacy_tip صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى
replyإرسال مساهمة في موضوع
remove_circleمواضيع مماثلة
chat_bubbleتومبيلات ثلاث احصائيات لنسخة AwesomeBB
chat_bubbleكود ( أفضل 10 أعضاء في الشهر + آخر المواضيع ) لنسخة AwesomeBB
chat_bubbleاضافة ازرار [معاينة][حفظ] بالاسفل واظهار باقي الازارار في الرد السريع AwesomeBB
chat_bubbleزر الرسائل في عارضة AwesomeBB
chat_bubbleجديد: شكل المواضيع لنسخة ModernBB