ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

تومبلايت احصائيات المنتدى للنسخة الثانية لافضل 4 احصائيات

  افضل مساهمة1
تومبلايت احصائيات المنتدى للنسخة الثانية لافضل 4 احصائيات
السلام عليكم ورحمة الله وبركاته
بالبداية شكل الاحصلئيات

https://i.servimg.com/u/f11/19/61/68/63/screen20.png
طريقة التركيب
اذهب إلى. لوحة الادارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب overall_header
واحذف من القالب الاتي
الكود:

<td valign="top" width="{C1SIZE}">
                                        <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>
                                    </td>
ثم سجل ثم اضغط على علامة صح امام اسم القالب لنشر القالب
الان نذهب لقالب indox_body
ونبحث عن
الكود:

{CHATBOX_TOP}
ونضع الكود الاتي اعلى الكود
الكود:

<table cellpadding="0" cellspacing="0" width="100%" class="three-ol">
                            <tbody>
                                <tr>
                                   
                                        <div id="{ID_LEFT}">
                                                  <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                             
                                            <!-- END giefmod_index1 -->
                                        </div>
                                 
                                </tr>
                            </tbody>
                        </table>
ثم سجل ثم اضغط على علامة صح امام اسم القالب لنشر القالب
الان من قوالب التومبلايت . البوابة . ونختار قوالب الاتي نحذفة ونضع الاتي ..

mod_most_active_topics
الكود:

   <td valign="top" width="33%">
         <table summary="{L_MOST_ACTIVE_TOPICS}" width="100%" style="table-layout:fixed;overflow:hidden;">
            <!-- BEGIN TOPIC -->
<tr class="jory">
               <td class="{TOPIC.ROW_CLASS} genmed"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></td>
            </tr>
            <!-- END TOPIC -->
         </table>
      </td>
 
mod_most_viewed_topics
الكود:

   <td valign="top" width="33%">
         <table summary="{L_MOST_VIEWED_TOPICS}" width="100%" style="table-layout:fixed;overflow:hidden;">
            <!-- BEGIN TOPIC -->
<tr class="jory">
               <td class="{TOPIC.ROW_CLASS} genmed"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></td>
            </tr>
            <!-- END TOPIC -->
         </table>
      </td>
 
mod_recent_topics
الكود:

<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" align="left" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
                            <!-- BEGIN recent_topic_row -->
                                » <a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;
 
                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->
 
                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->
 <tr>   <th style="width:33%">
اخر المواضيع
       </th>
       <th style="width:33%">
المواضيع النشيطة
             </th>
             <th style="width:33%">
المواضيع الشعبية
                     </th>
    </tr>
<!-- BEGIN classical_row -->
 
      <td valign="top" width="33%" >
<table summary="{L_MOST_ACTIVE_TOPICS}" width="100%" style="table-layout:fixed;overflow:hidden;">
      <!-- BEGIN recent_topic_row -->
            <tr class="jory">
   <td class="row2 genmed"><a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></td>
                </tr>
      <!-- END recent_topic_row -->
  </table>
<!-- END classical_row -->
mod_top_post_users_month
الكود:

   <td valign="top" width="33%">
         <table summary="{L_TOP_POST_USERS_MONTH}" width="100%">
            <!-- BEGIN POSTER -->
<tr class="jory">
               <td class="{POSTER.ROW_CLASS} genmed" width="30%">{POSTER.NAME}</td>
 
            </tr>
            <!-- END POSTER -->
         </table>
      </td>
 
mod_top_post_users_week
الكود:

<td valign="top" width="33%">
         <table summary="{L_TOP_POST_USERS_WEEK}" width="100%">
            <!-- BEGIN POSTER -->
<tr class="jory">
               <td class="{POSTER.ROW_CLASS} genmed" width="30%">{POSTER.NAME}</td>
            </tr>
            <!-- END POSTER -->
         </table>
      </td>
 
mod_top_posters
الكود:

<tr>   <th style="width:33%">
افضل الاعضاء بالمنتدى
       </th>
       <th style="width:33%">
انشط الاعضاء بالاسبوع
             </th>
             <th style="width:33%">
انشط الاعضاء بالشهر
                     </th>
    </tr>    
   <td valign="top" width="33%">
         <table summary="{L_TOP_POSTERS}" width="100%">
                          <!-- BEGIN POSTER -->
<tr class="jory">
               <td class="{POSTER.ROW_CLASS} genmed" width="1%">{POSTER.NAME}</td>
 
                        </tr>
            <!-- END POSTER -->
      </table>
      </td>

ثم نذهب إلى. لوحة الادارة. مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي
الكود:


.jory:nth-child(1), .jory:nth-child(2), .jory:nth-child(3), .jory:nth-child(4){
    display: table-row;
    width: 100%;
}
.jory {
    display: none;
}
 
.three-ol {
    background: #fff none repeat scroll 0 0;
    border: 1px dotted #3989c7;
    margin: 10px auto;
}
.jory a:hover {
    margin-right: 5px;
}
.jory td {
    border: 1px solid #3989c7;
  text-align:center;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
}
والان الى عناصر الرئيس اذهب الى
عناصر اضافية . إدارة العناصر المستقلة على المنتدى
واجعل عناصر والاعدادات كما في صورة

https://i.servimg.com/u/f11/19/61/68/63/screen21.png
وسجل انتهينا ^_^


m13
  افضل مساهمة2
انتي مبدعة دائما شكرا جزيلا
  افضل مساهمة3
تسلم منور الموضوع


m13
لاتستطيع الرد على المواضيع في هذا المنتدى