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

تكويد قالب الاحصائيات

  افضل مساهمة1
اهلا وسهلا
اريد تكويد الاحصائيات مثل مافي الصورة التالية
http://store2.up-00.com/2016-03/145754055058621.png

رابط منتداي
http://www.mystaranime.com/
اسم منتداي
مجتمع نجوم الانمي
  افضل مساهمة2
تم تفضل
الكود:


 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<style>
#fa_stats {
    background: #2E3133;
    color: #FFF;
    font-family: Arial, Verdana, Sans-serif;
    padding: 15px 0;
    text-align: center;
}

.stat_label {
    background: #F2F2F2;
    border-radius: 3px;
    color: #2E3133;
    display: inline-block;
    font-size: 0;
    margin: 0 12px 0 3%;
    padding: 6px 12px;
    vertical-align: middle;
}
.text_label {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7.5%;
    text-transform: uppercase;
}
.stat_label strong {
    display: inline-block;
    font-size: 14px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
</style>
{JAVASCRIPT}

<!-- BEGIN message_admin_index -->

   <!-- BEGIN message_admin_txt -->




            
      

                                                 

{message_admin_index.message_admin_txt.MES_TXT}




 


   <!-- END message_admin_txt -->

<!-- END message_admin_index -->
<br />
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}

{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<br />




<br />


<table width="100%" cellspacing="1" cellpadding="6" border="0" align="center" style="background: #FFF none repeat scroll 0% 0%;border: 0px solid #eee !important;" class="forumline">
<tbody><tr><td align="center" style="background-color: rgb(20, 109, 199); padding: 5pt; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) ! important; border-radius: 4px 4px 0px 0px ! important;" class="catHead" colspan="2">
<a onclick="return toggle_collapse('forumhome_stats')" href="#top" style="float:right"></a>
<strong><font style="color: rgb(255, 255, 255); border-radius: 4px; padding: 5px ! important; margin-top: -2px; background-image: url(&quot;http://i60.servimg.com/u/f60/15/40/37/88/0116.png&quot;); border: 1px solid rgb(238, 238, 238);">
<i class="fa fa-pie-chart"></i> إحصائيات المنتدى </font></strong> </td></tr>
<tr style="border-radius: 0px 0px 4px 4px;display: block ! important; border: 2px solid #EEE">
<td width="100%" align="center" class="row1"><div class="smallfont">
<table width="100%" cellspacing="1" cellpadding="1" border="0" style="text-align: center; margin-left: auto;margin-right: auto; padding-right: 17px;">
<tbody><tr><td align="center" style="background-color: rgb(255, 255, 255); border-width: 0px; padding: 5pt;" class="catHead" colspan="2">
<a onclick="return toggle_collapse('forumhome_activeusers')" href="#top" style="float:center"></a>
<span id="KH_total-online" class="KH_total-online"><strong>
<font style="font-size: 0px;">{TOTAL_USERS_ONLINE}<strong></strong></font></strong></span>
<li style="transition: all 0.3s !important; color: rgb(20, 109, 199); border-radius: 4px;margin-top: 3px;display: inline-block;margin-left: 6px;list-style: outside none none; float: right; width: 205px; background-color: rgb(248, 248, 248); height: 90px;" class="SNStac">
<i style="float: left; position: relative; top: 41px; font-size: 44px; width: 62px;" class="fa fa-street-view"></i>
<div style=" width: 130px; height: 50px; border-left: 1px dotted rgb(20, 109, 199);display: inline-block; float: right; position: relative; top: 20px;"><span class="text_label">المتواجدون الآن</span>
<span class="stat_label">{TOTAL_USERS_ONLINE} <strong></strong></span></div></li>
<li style="transition: all 0.3s !important; color: rgb(20, 109, 199); border-radius: 4px;margin-top: 3px;display: inline-block;margin-left: 6px;list-style: outside none none; float: right; width: 205px; background-color: rgb(248, 248, 248); height: 90px;" class="SNStac">
<i style="float: left; position: relative; top: 44px; font-size: 44px; width: 66px;" class="fa fa-files-o"></i>
<div style=" width: 130px; height: 50px; border-left: 1px dotted rgb(20, 109, 199);display: inline-block; float: right; position: relative; top: 20px;">
<span class="text_label">المواضيع</span>
<span class="stat_label">{TOTAL_POSTS}<strong></strong></span></div></li>
<li style="transition: all 0.3s !important; color: rgb(20, 109, 199); border-radius: 4px;margin-top: 3px;display: inline-block;margin-left: 6px;list-style: outside none none; float: right; width: 205px; background-color: rgb(248, 248, 248); height: 90px;" class="SNStac">
<i style="float: left; position: relative; top: 44px; font-size: 44px; width: 69px;" class="fa fa-users"></i>
<div style=" width: 130px; height: 50px; border-left: 1px dotted rgb(20, 109, 199);display: inline-block; float: right; position: relative; top: 20px;">
<span class="text_label">الأعضاء</span>
<span class="stat_label">{TOTAL_USERS} <strong></strong>.</span></div></li>
<li style="transition: all 0.3s !important; color: rgb(20, 109, 199); border-radius: 4px;margin-top: 3px;display: inline-block;margin-left: 6px;list-style: outside none none; float: right; width: 205px; background-color: rgb(248, 248, 248); height: 90px;" class="SNStac">
<i style="float: left; position: relative; top: 44px; font-size: 44px; width: 72px;" class="fa fa-line-chart"></i>
<div style=" width: 130px; height: 50px; border-left: 1px dotted rgb(20, 109, 199);display: inline-block; float: right; position: relative; top: 20px;">
<span class="text_label">أكبر تواجد للأعضاء</span>
<span class="stat_label">{RECORD_USERS}<strong></strong></span></div></li>
<li style="transition: all 0.3s !important; color: rgb(20, 109, 199); border-radius: 4px;margin-top: 3px;display: inline-block;margin-left: 6px;list-style: outside none none; float: right; width: 205px; background-color: rgb(248, 248, 248); height: 90px;" class="SNStac">
<i style="float: left; position: relative; top: 46px; font-size: 44px; width: 67px;" class="fa fa-smile-o"></i>
<div style="padding-right: 3px; width: 130px; height: 50px; border-left: 1px dotted rgb(20, 109, 199);display: inline-block; float: right; position: relative; top: 20px;">
<span style="margin-right: -10px !important;" class="text_label">نُرحب بالعضو الجديد</span>
<span style="padding: 0px ! important;" id="SNNEWEW" class="stat_label">{NEWEST_USER}<strong>
<a class=" profilePopup">
<span><strong></strong></span></a></strong></span></div></li></td></tr></tbody></table></div></td> </tr>
<tr>
<td align="center" style="margin-top: 15px;line-height: 2;display: block;background-color: rgb(20, 109, 199); padding: 5pt; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) ! important; border-radius: 4px 4px 0px 0px ! important;" class="catHead" colspan="2">
<a onclick="return toggle_collapse('forumhome_stats')" href="#top" style="float:right"></a><strong>
<font style="color: rgb(255, 255, 255); background-image: url(&quot;http://i60.servimg.com/u/f60/15/40/37/88/0116.png&quot;); border: 1px solid rgb(238, 238, 238); border-radius: 4px;float: right;padding: 0px 5px !important;margin-top: -2px;">
<i class="fa fa-bookmark"></i> أعضاء الفريق المتواجدون الآن </font></strong> </td></tr>
<tr style="border-radius: 0px 0px 4px 4px;display: block ! important; border: 2px solid #EEE">
<td width="100%" align="center" class="row1"><div class="smallfont">
<table width="100%" cellspacing="1" cellpadding="1" border="0" style="text-align: center; margin-left: auto;margin-right: auto;">
<tbody><tr><td align="center" style="background-color: rgb(255, 255, 255); border-width: 0px; padding: 5pt;" class="catHead" colspan="2">
<div style="text-align:right;" class="monstaff"></div>
                  <script type="text/javascript">myStaff = ['/u1','/u2','/u449','/u6','/u3','/u5','/u28','/u29','/u3688','/u712','/u3868'];staff_cache_time = 4*60*1000; // mm*ss*ms;</script>
                    <div id="theStaff">{LOGGED_IN_USER_LIST}</div>
                    <div style="display:none" id="theContent">
                    <a href="/" class="gen">في فهرس المنتدى</a>
                    <a href="/" class="gen">في فهرس المنتدى</a>
                    <a href="/viewonline" class="gen">عرض المتصلون الآن</a>
                    <a href="/" class="gen">في فهرس المنتدى</a>
                    <a href="/" class="gen">في فهرس المنتدى</a>
                    <a href="/faq" class="gen">عرض س.و.ج.</a></div>
                    <script type="text/javascript">if (localStorage.staffOn &amp;&amp; localStorage.staffEx &gt; +new Date - staff_cache_time) jQuery('#theStaff').html(localStorage.staffOn);else loadStaff();function loadStaff() {jQuery('#theContent').load('/viewonline #main-content a, a.gen', function() {for (i=0; i&lt;myStaff.length; i++) jQuery('#theContent a').filter(function() { return jQuery(this).attr('href') === myStaff[i] }).appendTo('#theStaff').wrap('&lt;div class="myStaff"&gt;');if (!jQuery('#theStaff .myStaff').length) jQuery('#theStaff').html('لا يوجد أحد من الفريق حالياً');jQuery('.myStaff a').each(function() {var href = jQuery(this).attr('href');jQuery(this).before('&lt;span class="monAva"&gt;&lt;/span&gt;').prev().load(href + 'table.forumline tbody tr td.row1.gensmall img:eq(0)', function() {if (window.localStorage) {localStorage.staffOn = jQuery('#theStaff').html();localStorage.staffEx = +new Date;}});});});}</script>
                      </td></tr></tbody></table></div></td> </tr>
                      <tr><td align="center" style="margin-top: 15px;line-height: 2;display: block;background-color: rgb(20, 109, 199); padding: 5pt; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) ! important; border-radius: 4px 4px 0px 0px ! important;" class="catHead" colspan="2">
                      <a onclick="return toggle_collapse('forumhome_stats')" href="#top" style="float:right"></a>
                      <strong><font style="color: rgb(255, 255, 255); background-image: url(&quot;http://i60.servimg.com/u/f60/15/40/37/88/0116.png&quot;); border: 1px solid rgb(238, 238, 238); border-radius: 4px; float: right;padding: 0px 5px !important;margin-top: -2px;">
                      <i class="fa fa-street-view"></i> المتواجدون الآن </font></strong> </td></tr>
                      <tr style="border-radius: 0px 0px 4px 4px;display: block ! important; border: 2px solid #EEE">
                      <td width="100%" align="center" class="row1">
                      <div class="smallfont">
                      <table width="100%" cellspacing="1" cellpadding="1" border="0" style="text-align: center; margin-left: auto;margin-right: auto;">
                      <tbody><tr><td align="center" style="background-color: rgb(255, 255, 255); border-width: 0px; padding: 5pt;" class="catHead" colspan="2"></td>
                      <td width="100%" align="center" class="row1">
                      <div><a onclick="return toggle_collapse('forumhome_activeusers')" href="#top" style="float:center"></a>
                      <span id="KH_total-online" class="KH_total-online"><strong>
                      <font style="font-size: 0px !important;">{TOTAL_USERS_ONLINE} <strong></strong></font></strong></span>
                      <div style="text-align:right;">
                      <span align="right" id="KH_users-online" class="KH_users-online"><strong>{RECORD_USERS}</strong>
                      <br></span></div>
                      <script type="text/javascript">('function'==typeof KH_show_visitors) &amp;&amp; KH_show_visitors();</script>
</div></td> </tr></tbody></table></div></td> </tr>
<tr><td align="center" style="margin-top: 15px;line-height: 2;display: block;background-color: rgb(20, 109, 199); padding: 5pt; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) ! important; border-radius: 4px 4px 0px 0px ! important;" class="catHead" colspan="2">
<a onclick="return toggle_collapse('forumhome_stats')" href="#top" style="float:right"></a><strong>
<font style="color: rgb(255, 255, 255); background-image: url(&quot;http://i60.servimg.com/u/f60/15/40/37/88/0116.png&quot;); border: 1px solid rgb(238, 238, 238); border-radius: 4px; float: right;padding: 0px 5px !important;margin-top: -1px;">
<i class="fa fa-users"></i> المتواجدون خلال 99 ساعة الماضية </font></strong> </td></tr>
<tr style="border-radius: 0px 0px 4px 4px;display: block ! important; border: 2px solid #EEE">
<td width="100%" align="center" class="row1"><div class="smallfont">
<table width="100%" cellspacing="1" cellpadding="1" border="0" style="text-align: center; margin-left: auto;margin-right: auto;">
<tbody><tr><td width="100%" align="center" class="row1">
<div><span class="gensmall"></span></div></td></tr><tr>
<td class="row1"><span class="gensmall">{LOGGED_IN_USER_LIST}
</span></td></tr> </tbody></table></div></td> </tr>
<tr><td align="center" style="margin-top: 15px;line-height: 2;display: block;background-color: rgb(20, 109, 199); padding: 5pt; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) ! important; border-radius: 4px 4px 0px 0px ! important;" class="catHead" colspan="2">
<a onclick="return toggle_collapse('forumhome_stats')" href="#top" style="float:right"></a><strong><font style="color: rgb(255, 255, 255); background-image: url(&quot;http://i60.servimg.com/u/f60/15/40/37/88/0116.png&quot;); border: 1px solid rgb(238, 238, 238); border-radius: 4px; float: right;padding: 0px 5px !important;margin-top: -2px;">
<i class="fa fa-inbox"></i> مجموعات المنتدى </font></strong> </td></tr>
<tr style="border-radius: 0px 0px 4px 4px;display: block ! important; border: 2px solid #EEE">
<td width="100%" align="center" class="row1">
<div class="smallfont">
<table width="100%" cellspacing="1" cellpadding="1" border="0" style="text-align: center; margin-left: auto;margin-right: auto;">
<tbody><tr><td align="center" style="background-color: rgb(255, 255, 255); border-width: 0px; padding: 5pt;" class="catHead" colspan="2"></td>
<td width="100%" align="center" class="row1"><div>
<span class="gensmall">{GROUP_LEGEND} </span></div></td> </tr></tbody></table></div></td> </tr></tbody></table>


   <!-- BEGIN switch_chatbox_activate -->
      <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
   
    <br/>
 
  <!-- BEGIN switch_legend -->

<br />

<table cellpadding="0" cellspacing="2" border="0" width="100%">
<tr valign="bottom">
    <td align="center">
        <table class="tborder alt1" border="0" align="center" cellpadding="2" cellspacing="0" style="height: 50px">
        <tr>
            <td><img src="{FORUM_NEW_IMG}" alt="يحتوي على مشاركات جديدة" border="0" /></td>
            <td class="smallfont">&nbsp; منتدى يحتوي على مشاركات جديدة</td>
            <td><img src="{FORUM_IMG}" alt="لا يحتوي على مشاركات جديدة" border="0" /></td>
            <td class="smallfont">&nbsp; منتدى لا يحتوي على مشاركات جديدة</td>
            <td><img src="{FORUM_LOCKED_IMG}" alt="منتدى مغلق" border="0" /></td>
            <td class="smallfont">&nbsp; منتدى مغلق عن المشاركات</td>
        </tr>
        </table>

    </td>
</tr>


   
</table>

                                  <!-- END switch_legend -->


<br />


                         
                         
<br />

  <!-- BEGIN switch_user_logged_in -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
     <tr>
      <td class="tcat" >دردشة  {L_INDEX}
</td>
   </tr>
  <tr>
      <td class="alt1">
{CHATBOX_BOTTOM}
    </td>
   </tr>
 
</table>
 <!-- END switch_user_logged_in -->

 <br />
                         
&nbsp;<!-- BEGIN switch_fb_index_login -->
                          <div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
    appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
      status: true,
      cookie: true,
      xfbml: true,
    oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


m13
  افضل مساهمة3
تم تعديل في منتداك وتعديل اللون انتهى العمل يقفل


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