أثبت وجودك لا تقرأ وترحل



ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

كود أحصائيات منتدى حبر نت

اقدم لكم اليوم طريقة تغيير شكل اﻻحصائيات مثل استايل حبر نت المقدم من اخونا @Alrajabane واللي تم طلب طريقتها كثيرا...

احصائياتى

الردود
1

المشاهدات
747
نسيت النوم
.:: عضو مبدع ::.
  • نسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really niceنسيت النوم is just really nice

  • نسيت النوم غير متواجد حالياً

المشاركات
373

+التقييم
91

تاريخ التسجيل
Aug 2015

الاقامة

نظام التشغيل

رقم العضوية
30
08-12-2024, 08:48 PM
المشاركة 1
08-12-2024, 08:48 PM
المشاركة 1
افتراضي كود أحصائيات منتدى حبر نت
اقدم لكم اليوم طريقة تغيير شكل اﻻحصائيات مثل استايل حبر نت المقدم من اخونا @Alrajabane واللي تم طلب طريقتها كثيرا ً لذا احببت ان اقدم لكم الطريقة عسى ان ينفع الله بها

بسم الله نبدأ:
اوﻻً نقوم بتعطيل اﻻحصائيات في الشريط الجانبي ومن ثم نقوم بتفعيلها اسفل المنتدى مثل الصورة التالية:


ثم بعد ذلك نقوم بفتح قالب widget_forum_statistics ونستبدل القالب بهذا القالب
كود PHP:

<div class="block"{{ widget_data($widget) }}>
    <
div class="block-container xa_stat">
        <!-- <
h3 class="block-minorHeader">{$title}</h3> -->
        <
div class="block-body block-row">
            <
dl class="pairs pairs--justified">
                <
xf:fa icon="fa fa-clipboard" />
                <
dt>{{ phrase('threads') }}</dt>
                <
dd>{$forumStatistics.threads|number}</dd>
            </
dl>

            <
dl class="pairs pairs--justified">
                <
xf:fa icon="fa fa-comments" />
                <
dt>{{ phrase('messages') }}</dt>
                <
dd>{$forumStatistics.messages|number}</dd>
            </
dl>

            <
dl class="pairs pairs--justified">
                <
xf:fa icon="fa fa-users" />
                <
dt>{{ phrase('members') }}</dt>
                <
dd>{$forumStatistics.users|number}</dd>
            </
dl>

            <
dl class="pairs pairs--justified">
                <
xf:fa icon="fa fa-user" />
                <
dt>{{ phrase('latest_member') }}</dt>
                <
dd><xf:username user="{$forumStatistics.latestUser}/></dd>
            </
dl>
        </
div>
    </
div>
</
div
ومن ثم نضيف اكواد ال css التالية الى قالب extra
كود PHP:
xa_stat{
    
backgroundtransparent;
    
border0;
    
    .
block-body{
        
displayflex;
        
width100%;
        
justify-contentspace-between;
        
align-itemscenter;
        
        .
pairs{
            
displayblock;
            
floatright;
            
width23%;
            
text-aligncenter;
            
margin40px 10;
            
background-color#fff;
            
border-radius4px;
            
positionrelative;
            
overflowvisible;
            
padding50px 0 0;
            -
webkit-box-shadow0px 0px 5px 0px rgba(5050500.05);
            -
moz-box-shadow0px 0px 5px 0px rgba(5050500.05);
            
box-shadow0px 0px 5px 0px rgba(5050500.05);
            
transitionall 0.3s linear;
            -
moz-transitionall 0.3s linear;
            -
webkit-transitionall 0.3s linear;
            
text-decorationnone !important;
            
            &:
hover{
                -
webkit-transformtranslateY(-10px);
                -
ms-transformtranslateY(-10px);
                
transformtranslateY(-10px);
            }
            
            
i{
                
displayblock;
                
color: @xf-linkColor;
                
width60px;
                
height60px;
                
line-height60px;
                
background-color#fff;
                
border-radius50%;
                
margin0 auto 14px;
                
margin-leftauto;
                
font-size26px;
                
positionabsolute;
                
top: -30px;
                
left50%;
                
margin-left: -30px;
                
border3px solid #ECECEC;
            
}
            
            
dtdd{
                
floatnone;
                
displayblock;
                
text-aligncenter;
            }
            
            
dt{
                
margin-bottom5px;
            }
            
dd{
                
background: @xf-contentHighlightBg;
                
border-top: @xf-borderSize solid @xf-linkColor;
                
font-size24px;
            }
        }
    }

النتيجة


الشرج من اعاد الاخ // شقاوى


قديم 08-13-2024, 07:36 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: كود أحصائيات منتدى حبر نت
شكرا لك وللاخ شقاوى

اضافة رد

العلامات المرجعية

كود أحصائيات منتدى حبر نت


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: كود أحصائيات منتدى حبر نت
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
سكريبت تحويل من منتدى MyBB إلى منتدى Pbboard refaat ركن تطوير المواقع 1 08-12-2024 07:51 AM
بيع منتدى خفايا قلب عيون فلسطين ركن التجارة الالكترونية 2 10-14-2021 03:35 PM
مشكله منتدى علاء الجوهرى ركن مشاكل وطلبات المنتديات 19 08-30-2020 09:35 PM
طلب ترخيص منتدى كـلكـ غلا ركن مشاكل وطلبات المنتديات 4 07-25-2020 01:07 AM
منتدى خاص بالمشرفين MOLOK DZ ركن مشاكل وطلبات المنتديات 5 05-04-2018 09:01 AM




الساعة الآن 02:58 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum