الاحصائيات الشامله الماسيه لمنتداك (تم انهاء التنسيقات)

الشرح لن يكون صعبا ومختصرا فى 4 خطوات اساسيه و 9 خطوات فرعيه
لتحصل على تلك النتيجة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
معاينه مباشره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الخطوة الاساسيه الاولى
1
التعديل على قالب Overall_header
جد الكود التالى وقم بحذفه
ضع رد لتري الكود

2
التعديل بقالب Index_body
اسفل كلمة

الكود:

{CHATBOX_TOP}

اضف الكود التالى
ضع رد لتري الكود


التعديل بقالب mod_recent_topic
استبد كامل القالب بالكود التالى
ضع رد لتري الكود


استبدل قالب mod_most_active_topics بالتالى
ضع رد لتري الكود


اسبدل القالب mod_most_viewed_topics بالتالى
ضع رد لتري الكود


استبدل القالب mod_most_active_starters بالتالى
ضع رد لتري الكود


استبدل القالب mod_top_post_users_month بالتالى
ضع رد لتري الكود



استبدل القالب mod_top_post_users_week بالتالى
ضع رد لتري الكود



استبدل القالب mod_top_posters بالتالى 
ضع رد لتري الكود



الخطوة الثانيه الاساسيه
اضف الكود التالى بورقة التصميم CSS

الكود:


          /* مايكل سوفت */
            #content-container div#main{margin-bottom:0}
            *+ html #content-container div#main{margin-right:0;margin-left:10}
            #content-container div#left{float:left;width:100%}
            #left{margin:15px 0}
            #left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
            #left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%}
            #left a{text-decoration:bold}
            #left td{width:25%;vertical-align:top;border-width:0 1px}
            #left .double{border-left:0;width:50%}
            #left li{position:relative;width:100%; list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #000000!important;counter-increment:Zzindex}
            #left li:before{content:counter(Zzindex);display:block;height:16px;background:#000;position:absolute;right:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px}
            #left li:after{content:"";background:#74F3FF;display:block;width:6px;height:6px;position:absolute;top:10px;right:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
            #left li:nth-child(1):before,#left li:nth-child(1):after{background:red}
            #left li:nth-child(2):before,#left li:nth-child(2):after{background:#FF9300}
            #left li:nth-child(3):before,#left li:nth-child(3):after{background:#FFC700}
            #left li:nth-child(4):before,#left li:nth-child(4):after{background:#FFF100}
            #left li:nth-child(5):before,#left li:nth-child(5):after{background:#E9FE01}
            #left li:nth-child(6):before,#left li:nth-child(6):after{background:#BBFF00}
            #left li:nth-child(7):before,#left li:nth-child(7):after{background:#75FF00}
            #left li:nth-child(8):before,#left li:nth-child(8):after{background:#0DFA05}
            #left li:nth-child(9):before,#left li:nth-child(9):after{background:#03FC8E}
            #left li:nth-child(10):before,#left li:nth-child(10):after{background:#01FEC4}
            #left li:nth-child(11):before,#left li:nth-child(11):after{background:#01F8FE}
            #left li:nth-child(12):before,#left li:nth-child(12):after{background:#01C9FE}
            #left li:nth-child(13):before,#left li:nth-child(13):after{background:#0084FF}
            #left li:nth-child(15):before,#left li:nth-child(15):after{background:#001AFF}
            #left li:nth-child(16):before,#left li:nth-child(16):after{background:#7E00FF}
            #left li:nth-child(17):before,#left li:nth-child(17):after{background:#C200FF}
            #left li:nth-child(18):before,#left li:nth-child(18):after{background:#C200FF}
            #left li:nth-child(19):before,#left li:nth-child(19):after{background:#E51ADA}
            #left li:nth-child(20):before,#left li:nth-child(20):after{background:#9A40BF}
            #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit}
            #active_topics a,#viewed_topics a{width:70%}
            #left #recent_topics a{width:80%}
            #left .lastRight{left:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;right:auto}
            #left ul,#left th{padding-left:0px;padding-right:25px;margin:0}
            #left ul{height:114px}
            #left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important}
            #left .changeLast,#left th h2{color:#FFFFFF}
            #left th{width:30%;vertical-align:right}
            th.topicLast{border-top:1px solid #FFFFFF!important}
            th.double{text-align:right}
            #recent_topics li{margin:.0px 0}
            #left #recent_topics .lastRight{width:20%!important}
            .half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none}
            /* Tooltip */
            #tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
          /* مايكل سوفت */


الخطوة الثالثة الاساسيه
قم بضبط اعدادات عنصر اخر المواضيع كالتالى
عدد المواضيع 12 الحركة لا الباقى لا تغيير ثم حفظ
الخطوة الرابعة الاساسية
وضع جميع العناصر بالترتيب فى العامود الايمن
اخر المواضيع - افضل 10 اعضاء فى هذا المنتدى - افضل 10 فاتحى مواضيع فى هذا المنتدى - افضل 10 اعضاء فى هذا الاسبوع - افضل 10 اعضاء فى هذا الشهر - المواضيع الاكثر نشاطا - المواضيع الاكثر شعبية
كما بالصورة التاليه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بالتوفيق للجميع اى مشكلة او استفسار بقسم الدعم
لاتنسى كتابة ردا عند استخدامك للشرح
واخيرا يمنع منعا باتا العبث بحقوق الملكية الخاصة بنا مايكل سوفت
تم بنجاح اعادة تجديد وتنسيق الاسكربت بالكامل واصبح الان متوافق مع احلى منتدى العربية
لا تقلق
:55454: