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

The Bestدخول
●● إعلانـات ●●
إعلانك هنا إعلانك هنا إعلانك هنا
إعـلانـات المنتـدى

إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
أفضل الاعضاء هذا الشهر
5260 المساهمات
4763 المساهمات
1018 المساهمات
933 المساهمات
340 المساهمات
268 المساهمات
165 المساهمات
142 المساهمات
106 المساهمات
93 المساهمات
آخر المشاركات




descriptionتحسين نظام السمعه لنسخة awesomebb Emptyتحسين نظام السمعه لنسخة 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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

الكود:

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



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

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

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

more_horiz
تــم ~

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

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

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

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

descriptionتحسين نظام السمعه لنسخة awesomebb Emptyرد: تحسين نظام السمعه لنسخة 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 لوحة شرف تلقائية لنسخة الحاسوب + نسخة الجوال
chat_bubbleزر الرسائل في عارضة AwesomeBB
chat_bubbleالمظهر الداكن والعادي لاصدار AwesomeBB