قسم إستايلات vBulletin 3.8.0

:

[ القسم متخصص فى الإستايلات الخاصة بالنسخ 3.8.0 فيما أعلى ]

كود احصائيات احترافى متوافق مع جميع احجام الشاشات
اقدم لكم كود لـ احصائيات المنتدى لمستخدمى vBulletin 3.8.7 . الكود يتمتع بالتوافق مع عرض الشاشات سواء كانت كبيرة او صغيرة باللون الأخضر الفاتح ....
9 معجبون
قديم2016-12-11, 02:15 AM
المشاركة (1)
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
.:: IDesign ::.

كود احصائيات احترافى متوافق مع جميع احجام الشاشات
أهلا و مرحبا بكم أعضاء و زوار معهد بسمة مصرية الكرام ,,
*-.-**-.-**-.-**-.-*
اقدم لكم كود لـ احصائيات المنتدى لمستخدمى 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)
*-.-**-.-**-.-**-.-*
* ملحوظة :-
لا تقم بالتعديل على الكود فـ إسم المنتدى سيتغير تلقائياً الى اسم منتداك !
والى هنا اكون قد انتهيت من شرح اليوم ,, على ان القاكم فى شرح قادم بـ إذن الله تعالى ,,
دمتم بود ,,
تحياتى للجميع ,,
كود احصائيات احترافى متوافق مع جميع احجام الشاشات
قديم2016-12-11, 12:29 PM
المشاركة (2)
الصورة الرمزية FOR SAT
FOR SAT
.:: عـضـو نـشـيـط ::.
KURD4SAT Admin
Red faceرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
رااااااائع اخي عاشت ايدك
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
فقط ملاحظة مهمة اخي
1- عدد الأعضاء النشطين:0
دائما القيمة 0 صفر؟
2- نرحب بالعضو الجديد : نرحب بالعضو الجديد,
3- التباعد بين اسماء الاعضاء كبير جدا
4- حذف ولد في مثل هذا اليوم نهائيا
بارك الله بك
قديم2016-12-11, 01:24 PM
المشاركة (3)
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
.:: IDesign ::.
افتراضيرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
رااااااائع اخي عاشت ايدك
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
فقط ملاحظة مهمة اخي
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, 01:37 PM
المشاركة (4)
الصورة الرمزية FOR SAT
FOR SAT
.:: عـضـو نـشـيـط ::.
KURD4SAT Admin
افتراضيرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
النتيجة تمام

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

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

بس الاعضاء النشيطين الخيار مفعل لكن باقي النتجية 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, 02:30 PM
المشاركة (6)
الصورة الرمزية FOR SAT
FOR SAT
.:: عـضـو نـشـيـط ::.
KURD4SAT Admin
افتراضيرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
كانت 0 و غيرتها الى 30 لكن لم يغير شئ
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
لكن اعتقد ماهي بمشكلة
احتمال اذا قمت بالصيانة تنحل المشكلة
بارك الله بك اخي العزيز كل شئ تمام الان
قديم2016-12-11, 03:01 PM
المشاركة (7)
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
.:: IDesign ::.
افتراضيرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
كانت 0 و غيرتها الى 30 لكن لم يغير شئ
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
لكن اعتقد ماهي بمشكلة
احتمال اذا قمت بالصيانة تنحل المشكلة
بارك الله بك اخي العزيز كل شئ تمام الان
فى الخدمة اخى
قديم2017-05-21, 03:20 PM
المشاركة (8)
الصورة الرمزية برادة
برادة
.:: عـضـو ::.
Hanaenet Admin
افتراضيرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
هل الكود يتوافق مع النسخة الأخيرة للجيل التالت
ولكم جزيل الشكر
قديم2017-05-23, 10:06 AM
المشاركة (9)
الصورة الرمزية WRONG WAY
WRONG WAY
.:: EGY BASMA ::.
.:: IDesign ::.
افتراضيرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
هل الكود يتوافق مع النسخة الأخيرة للجيل التالت
ولكم جزيل الشكر
متوافق مع جميع إصدارات الجيل الثالث ان شاء الله
قديم2017-05-23, 05:15 PM
المشاركة (10)
الصورة الرمزية برادة
برادة
.:: عـضـو ::.
Hanaenet Admin
افتراضيرد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
متوافق مع جميع إصدارات الجيل الثالث ان شاء الله
أخي قمت بالتجربة على أحد ستيلات
المشكل في تحميل مكتبة Font Awesome
كما عندي سؤال هل لا يتأتر ستايل الرئيسي بالنسبة للأيقونات عند التطبيق عليه
لأنني كما تعرف أنا مركب font-awesome-4.3.0
أرفقت لكم صورة توضيحية
وأستسمح على الإزعاج

رد: كود احصائيات احترافى متوافق مع جميع احجام الشاشات
*-.-**-.-**-.-**-.-**-.-**-.-**-.-*
الحمد لله كل شيء تمام تم التطبيق على الإفتراضي
جزاكم الله خيرا
الانتقال السريع
المواضيع المتشابهه
الموضوعكاتب الموضوعالمنتدىمشاركاتآخر مشاركة
كيف تستطيع كتابة بروفايل شركة احترافي؟سامر كمالقسم الإعلانات المجانية12019-05-06 03:15 AM
حمل تطبيق أسعار اليوم للتعرف على جميع الأسعار في جميع دول العالمضياءقسم الإعلانات المجانية02018-06-01 01:59 AM
[ Style ]استايل احترافى باللون الاخضر الفاتح للنسخ 3.8 سريع التصفحMr Devilقسم إستايلات vBulletin 3.8.002017-03-06 10:44 AM
الشرطة الاسرائيلية يمكنها إغلاقها احياء في القدس في حال حدوث اعتداءاتEGY BASMAعناوين الأخبار02015-10-14 07:45 AM
منح الضبطية القضائية لروؤساء احياء فى الاسكندرية لوقف ظاهرة البناء المخالفTheEgyptian Dukeالقسم الإخبارى02015-04-18 02:23 AM
الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن 02:17 PM .
المواضيع و التعليقات المنشورة لا تعبر عن رأى الإدارة ولا نتحمل مسئولية حيال ذلك "و يتحمل كاتبها مسئولية النشر".
التصميم خاص بالمنتدى ولا نسمح بالإقتباس منه أو طلب تصميم مشابه.