قديم 2016-12-11, 01:15 AM
المشاركة : ( 1 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
Post كود احصائيات احترافى متوافق مع جميع احجام الشاشات

كود احصائيات احترافى متوافق مع جميع احجام الشاشات
أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية الكرام ,,
*-.-**-.-**-.-**-.-*
اقدم لكم كود لـ احصائيات المنتدى لمستخدمى vBulletin 3.8.7 .
الكود يتمتع بالتوافق مع عرض الشاشات سواء كانت كبيرة او صغيرة ,, باللون الأخضر الفاتح .
مثال على الكود ,,
كود احصائيات احترافى متوافق مع جميع احجام الشاشات
*-.-**-.-**-.-**-.-*
فى البداية ابحث عن قالب FORUMHOME من لوحة تحكم منتداك ,,

كود احصائيات احترافى متوافق مع جميع احجام الشاشات

ثم قم بتحديد كل ما بين ,,
كود:
<!-- what's going on box -->
و
كود:
<!-- end what's going on box -->
و
احذفه ثم قم باضافة الكود التالى ,,
كود بلغة HTML:
<!--تصميم معهد بسمة مصرية , WRONG WAY-->
<div id="EGY-CYP"><span class="Cyp">$vbphrase[whats_going_on]</span>
<div class="EGY-Cont">
$template_hook[forumhome_wgo_pos1]
<if condition="$show['loggedinusers']">
<a rel="nofollow" href="online.php$session[sessionurl_q]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)
<div class="EGY-Most-Visit"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase></div>
<div class="Online-Users">$activeusers</div>
</if>
<hr class="Cyphr" /><div class="HRCYP">إحصائيات $vboptions[bbtitle]</div><hr class="Cyphr" />
$template_hook[forumhome_wgo_pos2]
<div class="Forum-Cyp">
<ul>
<li class="EGY-Threads">المواضيع : $totalthreads</li>
<li class="EGY-Posts">المشاركات : $totalposts</li>
<li class="EGY-Users">الأعضاء : $numbermembers</li>
<li class="EGY-Users" title="<phrase 1="$vboptions[activememberdays]">$vbphrase[within_the_last_x_days]</phrase>">عدد الأعضاء النشطين : $activemembers</li>
</ul>
<div class="EGY-N-Mem F-N-Mem">نرحب بالعضو الجديد : <phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
</div>
$template_hook[forumhome_wgo_pos3]
<if condition="$show['birthdays']">
<hr class="Cyphr" /><div class="HRCYP">$vbphrase[todays_birthdays]</div><hr class="Cyphr" />
<a rel="nofollow" title="$vbphrase[view_birthdays]" href="calendar.php?$session[sessionurl]do=getday&amp;day=$today&amp;sb=1"><span class="EGY-B-D">$birthdays</span></a>
</if>
$template_hook[forumhome_wgo_pos4]
<if condition="$show['upcomingevents']">
<hr class="Cyphr" /><div class="HRCYP"><if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if></div><hr class="Cyphr" />
$upcomingevents
</if>
</div>
</div>
<!--/تصميم معهد بسمة مصرية , WRONG WAY--> 
*-.-**-.-**-.-**-.-*
واحفظ التغييرات على القالب ثم قم باضافة اكواد الـ CSS فى تعاريف CSS الإضافية/Additional CSS Definitions ,,
*-.-**-.-**-.-**-.-*
كود:
/*تصميم معهد بسمة مصرية - WRONG WAY*/
.Cyp:before{content:"\f080";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:20px;color:#557E2C;margin:0 5px 0 5px;cursor:pointer;float:right;}
.EGY-Threads:before{content:"\f0c9";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.EGY-Posts:before{content:"\f086";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.EGY-Users:before{content:"\f0c0";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.EGY-N-Mem:before{content:"\f007";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:5px 5px 0 5px;cursor:pointer;float:right;}
.EGY-B-D:before{content:"\f1fd";font-family:FontAwesome;font-style:normal;font-weight:normal;font-size:11px;color:#333333;margin:4px 5px 0 -8px;cursor:pointer;float:right;}
#EGY-CYP{width:95%;height:auto;background:#D5E9C0;margin:10px auto 10px auto;padding:8px;font-size:11px;border:1px solid #BADC98;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.Cyp{font-size:12px;font-weight:bold;text-align:center;color:#557E2C;}
.EGY-Cont{width:98%;height:auto;background:#FFFFFF;margin:10px auto 5px auto;padding:8px 0 4px 0;font-family:"Droid Arabic Kufi";font-size:11px;color:#333333;text-align:right;border:1px solid #BABABA;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.EGY-Cont a, .EGY-Cont a:link, .EGY-Cont a:visited{color:#058469;margin:0 5px 5px 5px;text-decoration:none;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
.EGY-Cont a:hover{color:#1AA6C0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}
.EGY-Most-Visit{margin:0 5px 0 5px;font-family:"Droid Arabic Kufi";font-size:11px;color:#333333;text-align:right;}
.Online-Users{color:#333333;white-space:normal;margin:0 5px 0 0 ;}
hr.Cyphr{width:100%;border:1px dotted #BADC98;margin:5px 0 5px 0;}
.HRCYP{font-family:"Droid Arabic Kufi";font-size:12px;font-weight:bold;text-align:right;color:#557E2C;margin:0 5px 0 0;}
.Forum-Cyp{width:100%;height:auto;margin:5px;}
.Forum-Cyp ul{margin:0px;padding:0px;overflow:hidden;}
.Forum-Cyp ul li{float:right;list-style:none;}
.F-N-Mem{float:left;margin:-23px 0 0 10px;}
/*تصميم معهد بسمة مصرية - WRONG WAY*/
*-.-**-.-**-.-**-.-*
لاحظ ان القالب يتطلب مكتبة ايقونات Font Awesome ,, ويمكنك تحميلها من هنا ,,
Font Awesome, the iconic font and CSS toolkit
*-.-**-.-**-.-**-.-*
و الخط المستخدم هو Droid Arabic Kufi ويمكنك الحصول عليه من هنا ,,
Google Fonts - Droid Arabic Kufi (Arabic)
*-.-**-.-**-.-**-.-*
* ملحوظة :-
لا تقم بالتعديل على الكود فـ إسم المنتدى سيتغير تلقائياً الى اسم منتداك !
والى هنا اكون قد انتهيت من شرح اليوم ,, على ان القاكم فى شرح قادم بـ إذن الله تعالى ,,
دمتم بود ,,
تحياتى للجميع ,,
كود احصائيات احترافى متوافق مع جميع احجام الشاشات
الـمـصـدر : معهد بسمة مصرية - مـن : قسم إستايلات vBulletin 3.8.0 - كـاتـب الـمـوضـوع : WRONG WAY

مـن مـواضـيع WRONG WAY
مساحة إعلانية
قديم 2016-12-11, 11:29 AM
المشاركة : ( 2 )
Kurd-Sat Admin
الصورة الرمزية FOR SAT
FOR SAT
.:: مـشـرف ::.
Red face رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
رااااااائع اخي عاشت ايدك
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
فقط ملاحظة مهمة اخي
1- عدد الأعضاء النشطين:0
دائما القيمة 0 صفر؟
2- نرحب بالعضو الجديد : نرحب بالعضو الجديد,
3- التباعد بين اسماء الاعضاء كبير جدا
4- حذف ولد في مثل هذا اليوم نهائيا
بارك الله بك
قديم 2016-12-11, 12:24 PM
المشاركة : ( 3 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
رااااااائع اخي عاشت ايدك
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
فقط ملاحظة مهمة اخي
1- عدد الأعضاء النشطين:0
دائما القيمة 0 صفر؟
2- نرحب بالعضو الجديد : نرحب بالعضو الجديد,
3- التباعد بين اسماء الاعضاء كبير جدا
4- حذف ولد في مثل هذا اليوم نهائيا
بارك الله بك
1- الاعضاء النشطين يجب تفعيلها من لوحة تحكم منتداك ,,
خيارات المنتدى > خيارات صفحة المنتدى الرئيسية > خيارات الأعضاء النشطين ,, علم عليها صح .
2- يجب حذف العبارة من اللغات والعبارات او قم بحذفها من القالب الموجود بالموضوع .
3- بالنسبة التباعد بين اسماء الاعضاء هات صورة او سيب رابط لمثال حى .
4- عبارة ولد فى مثل هذا اليوم لن تظهر الا اذا كان هناك اعياد ميلاد للاعضاء فى هذا اليوم بالفعل واذا لم يكن هناك اعياد ميلاد فـ لن تظهر نهائيا ويمكنك الغاء ظهورها بحذف هذا الجزء من القالب ,,
كود بلغة HTML:
<hr class="Cyphr" /><div class="HRCYP">$vbphrase[todays_birthdays]</div><hr class="Cyphr" />
$template_hook[forumhome_wgo_pos3]
<if condition="$show['birthdays']">
<a rel="nofollow" title="$vbphrase[view_birthdays]" href="calendar.php?$session[sessionurl]do=getday&amp;day=$today&amp;sb=1"><span class="EGY-B-D">$birthdays</span></a>
</if>
او من خيارات المنتدى > خيارات صفحة المنتدى الرئيسية > عرض أعياد ميلاد اليوم؟ ,, اضغط لا واحفظ التعديل .
واى استفسار اخر انا حاضر .
قديم 2016-12-11, 12:37 PM
المشاركة : ( 4 )
Kurd-Sat Admin
الصورة الرمزية FOR SAT
FOR SAT
.:: مـشـرف ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
النتيجة تمام

بس الاعضاء النشيطين الخيار مفعل لكن باقي النتجية 0

نرحب بالعضو الجديد : نرحب بالعضو الجديد
العبارة مكررة مرتين
قديم 2016-12-11, 01:14 PM
المشاركة : ( 5 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
النتيجة تمام

بس الاعضاء النشيطين الخيار مفعل لكن باقي النتجية 0

نرحب بالعضو الجديد : نرحب بالعضو الجديد
العبارة مكررة مرتين
خيارات المنتدى > خيارات صفحة المنتدى الرئيسية > وقت إخراج الأعضاء النشطين ,, الطبيعى 30 يوم شوف انت مكتوب عندك كام ؟
بالنسبة لتكرار العبارة استبدل هذا الكود ,,
كود بلغة HTML:
<div class="EGY-N-Mem F-N-Mem">نرحب بالعضو الجديد : <phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
</div>
بــ
كود بلغة HTML:
<div class="EGY-N-Mem F-N-Mem"><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>
</div>
قديم 2016-12-11, 01:30 PM
المشاركة : ( 6 )
Kurd-Sat Admin
الصورة الرمزية FOR SAT
FOR SAT
.:: مـشـرف ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
كانت 0 و غيرتها الى 30 لكن لم يغير شئ
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
لكن اعتقد ماهي بمشكلة
احتمال اذا قمت بالصيانة تنحل المشكلة
بارك الله بك اخي العزيز كل شئ تمام الان
قديم 2016-12-11, 02:01 PM
المشاركة : ( 7 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
كانت 0 و غيرتها الى 30 لكن لم يغير شئ
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
لكن اعتقد ماهي بمشكلة
احتمال اذا قمت بالصيانة تنحل المشكلة
بارك الله بك اخي العزيز كل شئ تمام الان
فى الخدمة اخى
قديم 2017-05-21, 02:20 PM
المشاركة : ( 8 )
Hanaenet Admin
الصورة الرمزية برادة
برادة
.:: عـضـو ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
هل الكود يتوافق مع النسخة الأخيرة للجيل التالت
ولكم جزيل الشكر
قديم 2017-05-23, 09:06 AM
المشاركة : ( 9 )
.:: ! HTML PROF ::.
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
هل الكود يتوافق مع النسخة الأخيرة للجيل التالت
ولكم جزيل الشكر
متوافق مع جميع إصدارات الجيل الثالث ان شاء الله
قديم 2017-05-23, 04:15 PM
المشاركة : ( 10 )
Hanaenet Admin
الصورة الرمزية برادة
برادة
.:: عـضـو ::.
افتراضي رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
متوافق مع جميع إصدارات الجيل الثالث ان شاء الله
أخي قمت بالتجربة على أحد ستيلات
المشكل في تحميل مكتبة Font Awesome
كما عندي سؤال هل لا يتأتر ستايل الرئيسي بالنسبة للأيقونات عند التطبيق عليه
لأنني كما تعرف أنا مركب font-awesome-4.3.0
أرفقت لكم صورة توضيحية
وأستسمح على الإزعاج

رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
الحمد لله كل شيء تمام تم التطبيق على الإفتراضي
جزاكم الله خيرا


كود احصائيات احترافى متوافق مع جميع احجام الشاشات
أدوات الموضوع
انواع عرض الموضوع

الانتقال السريع
المواضيع المتشابهه
الموضوع
الشرطة الاسرائيلية يمكنها إغلاقها احياء في القدس في حال حدوث اعتداءات
بن كارسون المرشح الجمهوري المحتمل لرئاسة أمريكا: الإسلام غير متوافق مع الدستور الأمريكي
اللواء علاء أبو زيد يطلب الانتهاء من جميع المشروعات المدرجة في الخطة
منح الضبطية القضائية لروؤساء احياء فى الاسكندرية لوقف ظاهرة البناء المخالف
محافظ القليوبية : إزالة جميع الأبراج المخالفة بالمحافظة