موقع الصفحة العربية

منتديات المشاغب

معهد زين العربية


مواضيع تهمك

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

كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فورو

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته أحبتى الكرام زوار وأعضاء هيلبر نت كما وعدناكم بكل...

احصائياتى

الردود
2

المشاهدات
165
s3ker
.:: عضو مشارك ::.
  • s3ker is a jewel in the roughs3ker is a jewel in the roughs3ker is a jewel in the roughs3ker is a jewel in the rough

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

المشاركات
26

+التقييم
66

تاريخ التسجيل
Feb 2020

الاقامة
شرم الشيخ

نظام التشغيل
windows 8.1

رقم العضوية
2274
02-03-2021, 07:17 AM
المشاركة 1
02-03-2021, 07:17 AM
المشاركة 1
افتراضي كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فورو
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

أحبتى الكرام زوار وأعضاء هيلبر نت
كما وعدناكم بكل جديد وحصرى
وبمناسبة أفتتاح مجموعة تقنى أهديكم كود الإحصائيات الجديد الخاص بموقعى

وظيفة الكود

تعديل شكل الإحصائيات ونقلها تحت المنتديات لجعل مظهر موقعك جذاب ومتوافق مع كل أجهزة الموبايل وشاشات العرض وكل المتصفحات

صورة بعد التطبيق

كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فورو
مثال مباشر
تقنى
https://tqny.vip


الطريقة كالأتى

من لوحة التحكم
تاب المظهر تم البحث فى القوالب تم نكتب

widget_forum_statistics

نستبدل كل ما بداخله بالكود التالى

كود:
<xf:css src="tqny.less" />
<div class="ist-anaalan"{{ widget_data($widget) }}>
<div class="ist-kutu">
<div class="ist-ic ist-ic-bosluk">
<div class="ist-detay">
<div class="fa-icon fa-renk1"><i class="fad fa-comment-lines"></i></div>
<p class="sayi">{$forumStatistics.threads|number}</p>
<span class="ist-bilgi">{{ phrase('threads') }}</span>
</div>
</div>
<div class="ist-ic ist-ic-bosluk">
<div class="ist-detay">
<div class="fa-icon fa-renk2"><i class="fad fa-comments"></i></div>
<p class="sayi">{$forumStatistics.messages|number}</p>
<span class="ist-bilgi">{{ phrase('messages') }}</span>
</div>
</div>
<div class="ist-ic ist-ic-bosluk">
<div class="ist-detay">
<div class="fa-icon fa-renk3"><i class="fad fa-users"></i></div>
<p class="sayi">{$forumStatistics.users|number}</p>
<span class="ist-bilgi">{{ phrase('members') }}</span>
</div>
</div>
<div class="ist-ic ist-ic-bosluk">
<div class="ist-detay">
<div class="fa-icon fa-renk4"><i class="fad fa-users-medical"></i></div>
<p><xf:username user="{$forumStatistics.latestUser}" /></p>
<span class="ist-bilgi">{{ phrase('latest_member') }}</span>
</div>
</div>
</div>
</div>
ثم نقوم بإضافة قالب جديد أسمه tqny.less

تم نضع الكود التالى


كود:
.ist-anaalan {
margin-top: 20px;
}
.ist-kutu {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
margin-bottom: 10px;
}
.ist-ic {
flex:25%;
}
.ist-detay {
background-color: #dedede;
box-shadow: 0px 5px 10px -4px rgba(0,0,0,0.29);
padding: 5px 20px 5px 5px;
text-align: center;
border-radius: 50px;
}
.fa-renk1 {
background-color: #22a720;
color: #c9c9c9;
}
.fa-renk2 {
background-color: #204492;
color: #c9c9c9;
}
.fa-renk3 {
background-color: #a2b509;
color: #c9c9c9;
}
.fa-renk4 {
background-color: #f2930d;
color: #c9c9c9;
}
.fa-icon {
font-size: 30px;
width: 50px;
height: 50px;
float: left;
line-height: 50px;
border-radius: 50px;
}
.ist-detay p {
color: #272727;
font-weight: 600;
font-size: 20px;
text-align: right;
padding: 0;
margin: 0;
}
.ist-anaalan .ist-kutu .ist-detay span {
color: #a02828;
text-align: right;
display: block;
}
@media (min-width: 900px){
.ist-anaalan .ist-kutu .ist-ic-bosluk:first-of-type,
.ist-anaalan .ist-kutu .ist-ic-bosluk:nth-child(2),
.ist-anaalan .ist-kutu .ist-ic-bosluk:nth-child(3)
{padding-right: 5px;}}
@media (max-width: 900px){
.ist-anaalan .ist-kutu .ist-ic-bosluk:first-of-type,
.ist-anaalan .ist-kutu
.ist-ic-bosluk:nth-child(3) {
padding-right: 5px;
}}
@media (max-width: 900px){
.ist-anaalan .ist-kutu .ist-ic {
flex: 0 0 50%;
max-width: 50%;
margin-bottom: 30px;
}}

ثم حفظ القالب ومبروك عليك الشكل الجديد
ولكن لا ننسى إضافة قطعة عن طريق
لوحة التحكم - المظهر - القطع من داخلها - إضافة قطعة​
معرف القطعة ​
إحصائيات المنتدى
مفتاح القطعة​
Footer_tqny
العنوان​
Footer tqny
عرض في المواضع​
قائمة المنتدى: أسفل المنتديات
الترتيب​
1

كما بالصورة التالية للتوضيح


كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فورو

فى أمان الله أحبتى الكرام​





;,] []d] gulg Ypwhzdhj Xenforo leg l,ru jrkn gg.dk t,v,


التعديل الأخير تم بواسطة هيلبرنت ; 02-06-2021 الساعة 11:39 PM
قديم 02-03-2021, 08:57 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فو رو
مشاااااااااااااء الله مافيش احلى من كده سواء لشرح الكود او لتنسيق او لرفعك الصور على imgur

شكرا ليك اخى

تم نشر الموضوع على مواقع التواصل

الف شكر

قديم 02-03-2021, 11:43 PM
المشاركة 3
s3ker
.:: عضو مشارك ::.
  • s3ker غير متواجد حالياً
افتراضي رد: كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فو رو
مشاااااااااااااء الله مافيش احلى من كده سواء لشرح الكود او لتنسيق او لرفعك الصور على imgur

شكرا ليك اخى

تم نشر الموضوع على مواقع التواصل

الف شكر
الأحلى وجودك يا يا مديرنا

اضافة رد

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

كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فورو


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

الانتقال السريع

المواضيع المتشابهه للموضوع: كود جديد لعمل إحصائيات Xenforo مثل موقع تقنى للزين فورو
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[XF 2.x Style] : استايل تقنى للزين فورو XenNews Style 1.0.0 الجيل الثانى هيلبرنت استايلات الزين فورو XENFORO 3 05-24-2018 12:25 PM
قالب إحصائيات المنتدى vB لل Xenforo عابر سبيل ركن مشاكل وطلبات الزين فورو XENFORO 3 01-30-2018 10:18 PM
تغيير شكل إحصائيات الأقسام xenforo بشكل احترافي هيلبرنت ركن شروحات الزين فورو XENFORO 5 07-22-2017 08:12 PM
موقع لعمل مقارنات بين نسخ المنتديات المختلفة safwan khazraji ركن تطوير المواقع 2 02-15-2016 02:56 AM
موقع لعمل مقدمات فيديوهات رائعة هيلبرنت ركن ملحقات التصميم 0 01-16-2016 12:54 PM




الساعة الآن 04:55 AM
Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum