المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الـ css3 و نسخة vBulletin™ Version 4.0.0


MIDO-EGYPT
2009-11-24, 05:55 PM
الـ css3 و نسخة vBulletin™ Version 4.0.0

بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته



في موضوع سابق تكلمة عن خاصية ( [border-radius] (http://www.css3.info/preview/rounded-border/)) في تقنية ( css3 (http://www.css3.info/) ) الجديدة على هذا الرابط

http://www.barqalshamal.com/vb/showthread.php?t=21141 (http://www.barqalshamal.com/vb/showthread.php?t=21141)
http://www.traidnt.net/vb/showthread.php?t=1342457 (http://www.traidnt.net/vb/showthread.php?t=1342457)
اما في موضوعنا هذا سوف نتطرق لعلاقة نسخة المنتديات الجديدة الاصدار الرابع بهذه الخاصية



البداية


مما لا شك فيه ان مجالات الويب في تطور مستمر وهذا لا جدال فيه ومن الامور التي واكبة التطور
هي نسخة المنتديات الجديدة ( vBulletin™ Version 4 ) وجميعنا كان في انتظر صدور هذه النسخة
ها هو تحقق ما كنا في انتظارة الجديد بالامر هو دعم هذه النسخة لتقنية رائعة الا وهي css3 والتي بكل اسف Internet Explorer بجميع اصداراته حتى الاصدار الثامن لا يدعم هذه التقنية مما سوف يحرم مستخدمي هذا المتصفح جمالية تقنية css3 في ( vBulletin™ Version 4 )

من الجديد في ستايلات نسخة ( vBulletin™ Version 4 ) هو اعتمدها بكل عام على تقنية css الرائعة بكل اصدارتها وخاصة آخر اصدار css3

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


Mozilla Firefox
Apple Safari
Opera
Google Chrome
الآن من الخصائص التي تم ادراجها في هذه النسخة من css3


هي خاصية [border-radius]

لمزيد من المعلومات اضغط هنا [border-radius] (http://www.css3.info/preview/rounded-border/)



هناك الكثير من القوالب تتواجد بها هذه الخاصية فعلى سبيل المثال قالب forumdisplay

شاهد الصورة

http://www.barqalshamal.com/up2/up/25812196920091113.png




نلاحظ الاكواد التالية


رمز PHP:



-moz-border-radius-top{vb:stylevar right}: 5px;
-moz-border-radius-top{vb:stylevar left}: 5px;
-webkit-border-top-{vb:stylevar right}-radius: 5px;
-webkit-border-top-{vb:stylevar left}-radius: 5px;
-moz-box-shadow: -2px 0 2px #c8c8c8;
-webkit-box-shadow: -2px 0 2px #c8c8c8;



هي ما اقصد بها خاصية [border-radius] (http://www.css3.info/preview/rounded-border/)وربما تكون هناك خصائص كثيرة من css3 لم اتطرق لها هنا


صورة لواجهة المنتدى من موقع الشركة من متصفح Internet Explorer
http://www.barqalshamal.com/up2/up/25812478920091113.png

صورة لواجهة المنتدى من موقع الشركة من متصفح Mozilla Firefox
http://www.barqalshamal.com/up2/up/25812486920091113.png

ونشاهد الفرق الواضح بين المتصفحين


المهم هذه بعض القوالب التي تم ادراج خاصية [border-radius] (http://www.css3.info/preview/rounded-border/)بها


forumdisplay
calendar
forumbits
forumhome
joinrequests
lightbox
member
memberlist
poll
postbit ( يوجد به اكثر من خاصية من خصائص css3 )
postlist
reminders
showgroups
showthread
socialgroups
threadlist
vbulletin
yuiupload
بالاخير اتمنى ان الموضوع كان سهل لكثير من الاخوة


ونقول لمصممي ستايلات المنتدى الله يعينكم على القادم وجهزوا الدريم ويفر وانسوا الفورنت بيج
:p

محبكم ابو وسن ( برق الشمال )
http://www.barqalshamal.com (http://www.barqalshamal.com/)
وهذا الموضوع كتابة وجهد شخصي اتمنى الدعاء لي ولي والدي
ولا تنسون وسن من الدعاء ^_*

في امان الله