دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mc nabulsy
 
 
Mc nabulsy

البلد : فلسطين
الجنس : ذكر
المساهمات : 3674
نقاط النشاط : 5769

قالب احصائيات مميز Empty
مُساهمةموضوع: قالب احصائيات مميز   قالب احصائيات مميز Emptyالأحد 10 مايو 2020 - 17:48

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

اعضاء وزوار شركة انكور التطويرية 
اقدم كود احصائيات مميز محول من الـ 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}



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


توقيع : Mc nabulsy


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

AmEeR AlSaiDi

البلد : العراق
الجنس : ذكر
المساهمات : 16384
نقاط النشاط : 15815

قالب احصائيات مميز Empty
مُساهمةموضوع: رد: قالب احصائيات مميز   قالب احصائيات مميز Emptyالأحد 10 مايو 2020 - 19:06

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


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

الكود:
.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


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
قالب احصائيات مميز
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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