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

دخول

إذا كانت هذه أول زيارة لك في الإشهار العربي، نرجوا منك مراجعة قوانين المنتدى من خلال الضغط هنا وأيضاً يشرفنا انضمامك إلى أسرتنا الضخمة من خلال الضغط هنا.

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قم بتسجيل الدخول للرد

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