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

دخول

descriptionقالب احصائيات مميز Emptyقالب احصائيات مميز

more_horiz
بسم الله الرحمن الرحيم

اعضاء وزوار شركة انكور التطويرية 
اقدم كود احصائيات مميز محول من الـ vb وحصري على شركة انكور التطويرية
القالب لمنتديات ModernBB فقط

معاينة الكود :
قالب احصائيات مميز 5111

تركيب الكود :
لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة 
ابحث عن قالب index_body افتح واحذف جميع محتواه واستبدله بالاكواد التالية

الكود:

{JAVASCRIPT}

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
            <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
            <br />
            <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_social_login -->
            <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                <!-- BEGIN topicit_connect -->
                <div class="ti-connect"></div>
                <!-- END topicit_connect -->
            </div>
            <!-- END switch_social_login -->
        </div>
    </form>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
    <div class="panel introduction">
        <!-- BEGIN message_admin_titre -->
            <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
        <!-- END message_admin_titre -->

        <!-- BEGIN message_admin_txt -->
            <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
        <!-- END message_admin_txt -->
    </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}

{BOARD_INDEX}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<ul class="ul-none clfx fm-stats-foot">
  <li>
    <div class="stat-in">
      <div>
        <i class="fa fa-bookmark"></i>
        <span>المتواجدون الان</span>
        <b>{TOTAL_USERS_ONLINE}</b>
      </div>
    </div>
  </li>
  <li>
    <div class="stat-in">
      <div>
        <i class="fa fa-comments"></i>
        <span>المشاركات</span>
        <b>{TOTAL_POSTS}</b>
      </div>
    </div>
  </li>
  <li>
    <div class="stat-in">
      <div>
        <i class="fa fa-users"></i>
        <span>الأعضاء</span>
        <b>{TOTAL_USERS}</b>
      </div>
    </div>
  </li>
  <li>
    <div class="stat-in">
      <div>
        <i class="fa fa-user"></i>
        <span><span>اخر عضو مسجل</span>
<b>{NEWEST_USER}</b></span>
      </div>
    </div>
  </li>
</ul>

<style>
.fm-stats-foot {
  margin: 0 -10px 30px;
  padding: 0px 0px 70px 0px
}

.fm-stats-foot li {
  float: right;
  width: 25%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.stat-in {
  padding: 10px;
  min-height: 90px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.stat-in:before {
  position: absolute;
  top: -40px;
  width: 85%;
  bottom: -50px;
  left: -100px;
  display: block;
  content: '';
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  background-color: #E9E9E9;
}

.stat-in i, .stat-in span,
.stat-in b {
  z-index: 3;
}

.stat-in i {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  font-size: 38px;
}

.stat-in span {
  display: block;
  color: #999;
  float: right;
  margin: 3px 3px 0 0;
  font-size: 16px;
}

.stat-in b, .stat-in span a {
  position: absolute;
  bottom: 12px;
  left: 12px;
  display: block;
  color: #fff;
  font-size: 22px;
}

.top-bar, .fot-bar, .fm--title,.cp-menu li.lnk-head,.stat-in:before,.login-pop .button, .tooltipster-default, a.is-new:before, .u-btn, #logout-pop .lp-in a, .slider .slick-dots li.slick-active button, .slider .slick-arrow,.tab-nav li.current a, a.new-regst-link, .foot-bar,
 .nav-icon, .s-box i, .us-avatar, .slider .slick-dots li button, body .tcat,.footer--bar-in {
  background-color: #2c9892;
}

.stat-in b strong {
    position: absolute;
    bottom: -15px;
    left: 20px;
    display: block;
    color: #fff;
    font-size: 26px;
}
.stat-in b {
    font-size: 0;
}

</style>
<!-- BEGIN disable_viewonline -->
    <div class="block">
        <!-- BEGIN switch_viewonline_link -->
            <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
        <!-- END switch_viewonline_link -->

        <!-- BEGIN switch_viewonline_nolink -->
            <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
        <!-- END switch_viewonline_nolink -->

        {TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}

        {LOGGED_IN_USER_LIST}

        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />

        <div class="block-footer"><strong>{LEGEND}:</strong> {GROUP_LEGEND}</div>
    </div>

    <!-- BEGIN switch_chatbox_activate -->
        <div class="block">
            <div class="h3">
                <a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
                <!-- BEGIN switch_chatbox_popup -->
                    <div id="chatbox_popup"></div>
                    <script type="text/javascript">
                        insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
                    </script>
                <!-- END switch_chatbox_popup -->
            </div>
            {TOTAL_CHATTERS_ONLINE}:&nbsp;{CHATTERS_LIST}
        </div>
    <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<!-- END switch_user_login_form_footer -->

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
    <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
    <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
    <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}




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

descriptionقالب احصائيات مميز Emptyرد: قالب احصائيات مميز

more_horiz
قالب رائع جدا وركبته عندي
عاشت ايدك


وللفائدة لتغير لون الخلفية بدل الاخضر

الكود:

.top-bar, .fot-bar, .fm--title,.cp-menu li.lnk-head,.stat-in:before,.login-pop .button, .tooltipster-default, a.is-new:before, .u-btn, #logout-pop .lp-in a, .slider .slick-dots li.slick-active button, .slider .slick-arrow,.tab-nav li.current a, a.new-regst-link, .foot-bar,
 .nav-icon, .s-box i, .us-avatar, .slider .slick-dots li button, body .tcat,.footer--bar-in {
  background-color: #3AA2AD;
}


غير كود اللون هذا

الكود:

#3AA2AD



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد

جميع الحقوق محفوظة لدليل الاشهار العربي