هل لي بشريط آخر المواضيع مع أفضل عشر أعضاء في الشهر

amjadmohammad20 كتب:اخوي مشكلة مشكلة خطيرة جدااااااااااا
اطلب المساعدة من جميع الاعضاء لحل هذه المشكله الخطيرة
انا ركبت الكود في المنتدى
وصار شكل المنتدى فاشل
بدي مساعدة كاملة من الجميع
رابط المنتدى
www.arabfoot.3arabiyate.com
ارجوا منكم الدخول وألقاء نظرة
وأرجو منكم حل لهذة المشكلة
وشكراااا

Michael_vx كتب:تم اخيرا انهاء التعديلات والتنسيقات المطلوبة بعد سهر ليالى ومحاولات لم اتوقع انها سوف تنجح معى
صورة الشكل النهائى والذى استطعت التوصل اليه

والان مع الخطوات
الخطوة الاساسيه الاولى
1
التعديل على قالب Overall_header
جد الكود التالى وقم بحذفه

الكود:

    <div id="{ID_LEFT}">               <!-- BEGIN giefmod_index1 -->             {giefmod_index1.MODVAR}             <!-- BEGIN saut -->             <div style="height:{SPACE_ROW}px"></div>             <!-- END saut -->             <!-- END giefmod_index1 -->     </div>

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

الكود:

{CHATBOX_TOP}

اضف الكود التالى

الكود:

            <div id="{ID_LEFT}" class="main">
               <div class="main-head">
                  <div class="page-title">
                     <h2><a href="http://msoft.olympe.in">مايكل سوفت</a><br /></h2>
                  </div>
               </div>
                 <div class="main-content">
                  <table cellspacing="0" class="table">
                     <tbody class="statused">
                        <!-- BEGIN giefmod_index1 -->
                        {giefmod_index1.MODVAR}
                        <!-- END giefmod_index1 -->
                     </tbody>
                  </table>
               </div>
               <script type="text/javascript">
                  //<![CDATA[
                  var versionMinor = parseFloat(navigator.appVersion),
                     versionMajor = parseInt(versionMinor),
                     IE = document.all && !window.opera && 7 > versionMajor,
                     IE7 = document.all && !window.opera && 7 <= versionMajor,
                     OP = window.opera,
                     FF = document.getElementById,
                     NS = document.layers;
                  function get_item(a, c) {
                     if (IE) return c ? window.opener.document.all[a] : document.all[a];
                     if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a);
                     if (NS) return c ? window.opener.document.layers[a] : document.layers[a]
                  }
                  var current_tooltip;
                  function show_tooltip(a, c) {
                     var b = get_item("tooltip");
                     b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b));
                     b.style.zIndex = 1000;
                     b.style.position = "absolute";
                     b.innerHTML = "<p>" + c + "</p>";
                     b.style.visibility = "visible";
                     a.onmousemove = move_tooltip;
                     a.onmouseout = function() {
                        b.style.visibility = "hidden"
                     };
                     a.title = ""
                  }
                  var offsetxpoint = -60,
                     offsetypoint = 20,
                     real_body = document.compatMode && "BackCompat" !=
        document.compatMode ? document.documentElement : document.body,
                     real_body = document.documentElement ? document.documentElement : document.body;
                  function move_tooltip(a) {
                     var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft,
                        d = !IE ? a.pageY : event.clientY + real_body.scrollTop,
                        b = IE && !window.opera ? real_body.clientWidth -
         event.clientX - offsetxpoint : window.innerWidth - a.clientX -
        offsetxpoint - 200,
                        e = IE && !window.opera ? real_body.clientHeight
         - event.clientY - offsetypoint : window.innerHeight - a.clientY -
        offsetypoint - 20,
                        f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3;
                     current_tooltip = get_item("tooltip");
                     current_tooltip.style.left = b <
        current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX -
         current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX -
        current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint
         + "px";
                     current_tooltip.style.top = e <
        current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY -
         current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset
         + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d +
        offsetypoint + "px"
                  }
                  $("#recent_topics li a:first-child").mouseover(function() {
                     show_tooltip(this, $(this).next().html())
                  });
                  $("#active_topics a, #viewed_topics a").mouseover(function() {
                     show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1"));
                  }).after(function() {
                     return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>'
                  });
                  $(".changeLast").change(function() {
                     $(".half.group_" + $(this).data("group")).hide();
                     $("#" + this.value).show();
                  });
                   //]]>
               </script>
            </div>

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

الكود:

    <!-- BEGIN classical_row -->       <tr>        <th class="double">           <h2>اجدد المواضيع              <span class="right">اخر رد</span>           </h2>        </th>        <th>           <select class="changeLast" data-group="post">              <option value="top_posters">افضل المشاركين</option>              <option value="active_starters">الاكثر نشاطا</option>           </select>        </th>        <th>           <select class="changeLast" data-group="time">              <option value="users_week">الاعضاء الاكثر نشاطا لهذا الاسبوع</option>              <option value="users_month">الاعضاء الاكثر نشاطا لهذا الشهر</option>           </select>        </th>     </tr>       <td class="double" rowspan="3">           <ul id="recent_topics">              <!-- BEGIN recent_topic_row -->              <li>                 <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>                 <div class="tooltip_data" style="display:none">                    <p>                       <span style="color:red">الموضوع</span>: {classical_row.recent_topic_row.L_TITLE}                    </p>                    <p>                       <span style="color:blue">وقت الانشاء</span>: {classical_row.recent_topic_row.S_POSTTIME}                    </p>                 </div>                   <!-- BEGIN switch_poster -->                 <a class="lastRight" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>                 <!-- END switch_poster -->                 <!-- BEGIN switch_poster_guest -->                 <span class="lastRight">                    {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}                 </span>                 <!-- END switch_poster_guest -->              </li>              <!-- END recent_topic_row -->           </ul>        </td>     <!-- </tr> -->     <!-- END classical_row -->

4
استبدل قالب mod_most_active_topics بالتالى

الكود:

    <tr>          <th class="topicLast">           <h2>الاكثر ردودا</h2>        </th>        <th class="topicLast">           <h2>الاكثر مشاهدات</h2>        </th>     </tr>     <tr>        <td>           <ul id="active_topics" class="half">              <!-- BEGIN TOPIC -->              <li>                 <span style="display:none">{TOPIC.TITLE}</span>                 <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>              </li>              <!-- END TOPIC -->           </ul>        </td>     <!--</tr>-->

5
اسبدل القالب mod_most_viewed_topics بالتالى

الكود:

    <!--<tr>-->          <td>           <ul id="viewed_topics" class="half">              <!-- BEGIN TOPIC -->              <li>                 <span style="display:none">{TOPIC.TITLE}</span>                 <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a>              </li>              <!-- END TOPIC -->           </ul>        </td>     </tr>

6
استبدل القالب mod_most_active_starters بالتالى

الكود:

<!--<td>-->   <ul id="active_starters" class="half group_post">  <!-- BEGIN POSTER -->  <li>  {POSTER.NAME}  <span class="lastRight">  {POSTER.NB_TOPICS}  </span>  </li>  <!-- END POSTER -->  </ul>  </td>

7
استبدل القالب mod_top_post_users_month بالتالى

الكود:

    <!--<tr>-->          <!--<td>-->             <ul id="users_month" class="half group_time">              <!-- BEGIN POSTER -->              <li>                 {POSTER.NAME}                 <span class="lastRight">                    {POSTER.NB_POSTS}                 </span>              </li>              <!-- END POSTER -->           </ul>        </td>     </tr>

8
استبدل القالب mod_top_post_users_week بالتالى

الكود:

    <td>          <ul id="users_week" class="half group_time">           <!-- BEGIN POSTER -->           <li>              {POSTER.NAME}              <span class="lastRight">                 {POSTER.NB_POSTS}              </span>           </li>           <!-- END POSTER -->        </ul>     <!--</td>-->

9
استبدل القالب mod_top_posters بالتالى

الكود:

    <td>          <ul id="top_posters" class="half group_post">           <!-- BEGIN POSTER -->           <li>              {POSTER.NAME}              <span class="lastRight">                 {POSTER.NB_POSTS}              </span>           </li>           <!-- END POSTER -->        </ul>     <!--</td>-->

الخطوة الثانيه الاساسيه
اضف الكود التالى بورقة التصميم 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 ايام لاعادة هيكلته وتنسيقة ليتناسب مع احلى منتدى العربية

Michael_vx كتب:بالنسبة لللون الابيض جدى السطر هذا فى ورقة التصميم CSS

الكود:

align:center;width:18px;color:#FFF;line-height:16px}

كود اللون الابيض هو #FFF قومى بوضع كود اللون الذى يناسبك بدلا منه
بالنسبة للجزىء الثانى فالتحكم به صعب لانه اذا تم تغير مكان النص سيتحرك معه باقى النصوص الاخرى وهى اسماء الاعضاء ايضا وستنحرف خارج الصندوق لا يوجد حل لتلاصق الكلمات تلك فى الوقت الحالى

الكود:

{CHATBOX_TOP}

الكود:

<!-- BEGIN message_admin_index -->

Michael_vx كتب:هذا سيجعلنا نعود الى هذه الخطوة وتغير شىء بسيط بها
2
التعديل بقالب Index_body
فبدلا من وضع الكود المذكور تحت كلمة 

الكود:

{CHATBOX_TOP}

جربى وضع الكود فوق كلمة

الكود:

<!-- BEGIN message_admin_index -->

Michael_vx كتب:بالنسبة لللون الابيض جدى السطر هذا فى ورقة التصميم CSS

الكود:

align:center;width:18px;color:#FFF;line-height:16px}

كود اللون الابيض هو #FFF قومى بوضع كود اللون الذى يناسبك بدلا منه
بالنسبة للجزىء الثانى فالتحكم به صعب لانه اذا تم تغير مكان النص سيتحرك معه باقى النصوص الاخرى وهى اسماء الاعضاء ايضا وستنحرف خارج الصندوق لا يوجد حل لتلاصق الكلمات تلك فى الوقت الحالى

الكود:

/* مايكل سوفت */
            #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:#000000;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}
          /* مايكل سوفت */

Michael_vx كتب:قد اكون اخطائت فى مكان اللون
عموما الاحصائيات بالكامل يمكن تخصيصها عبر تلك الاكواد بورقة التصميم اذا لم يتغير اللون عند تغيير ما حددته فمن المحتمل انه يوجد بمكان اخر
واللون الابيض معروف كوده ايه

الكود:

{POSTER.NB_POSTS}

Michael_vx كتب:اعتقد انه مجرد ماتتغير الكلمة دى فى كل قالب من القوالب

الكود:

{POSTER.NB_POSTS}

هاتتغير كلمة عدد المساهمات انا لم اجرب هذا بعد

Michael_vx كتب:بالتوفيق واذا اكتشفت اى تعديلات او تنسيقات جديده ستكون موجوده لدى باذن الله
------------------------------------------------------------------------------
من الان فصاعدا لن اتدخل فى اى موضوع دون وسم اسمى بالموضوع بواسطة
@Michael_vx
شكرا على التفهم