Border-radius الحـدود الدائريه CSS3







[Border-radius] الــحـدود الــدائريــهـ ..{ CSS3
السلام عليكمـ ورحمهـ الله وبركاتهـ ,,
الـيوم راح اشرح لكمـ طريقه جعل حدود جداول الـ vb دائريهـ ,,
تـــابعـــوا مـــعــي ,

اولا انصح بـ متابعه هذا الموضوع لأخونا برق الشمال ,,
,نظرة على [border-radius] الحدود المنحنية - ( CsS3 ),
الأن بخصوص الحدود الدائريه وطريقه استعمالها مع جداول vb ,,
اولا اضع لكمـ مثال قبل و بعد عمل الطريقه ,,
قـــبل

بـــعد
 
طريقه استعمال الكود ,,

هذا الكود راح يخلي كل الحدود دائريه
رمز Code:
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
نضع الكود بهذا المكان ,,


اماكن وضع الكود ,,
الأقسام الرئيسية/Category Strips
رأس الجدول/Table Header
نهاية الجدول/Table Footer
لون التوزيع الأول/First Alternating Color
لون التوزيع الثاني/Second Alternating Color
محرر WYSIWYG (يجب أن يكون عادةً متماثل مع 'لون التوزيع الأول/First Alternating Color' أو 'خلفية الكتابة/Input Fields')
خلفية الكتابة/Input Fields
الأزرار/Buttons
محيط اللوحة/Panel Surround
اللوحة (الأشكال)/Panel Forms
التحكم بالقوائم المنبثقة/Popup Menu Controls
جسم قائمة الإنبثاق/Popup Menu Body
خيار صف قائمة الإنبثاق/Popup Menu Option Row
خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option
بـ الأمكان عمل مثل تلك الأمثله على جداول الـ vb ,,
وهذا مثالك من عندي ,,

لاحظ جدول ,,
الأقسام الرئيسية/Category Strips / و / نهاية الجدول/Table Footer

طريقه عمل مثل هذا الحدود ,,
ادخل لهذا الموقع ,,
http://border-radius.com
بعد ماتفتح الموقع راح تحصل مربع كبير ,,
وبكل زاويه مربع به الرقم 0 ,, << بـ الأمكان التلاعب بجميع المربعات*
قم بتغيير الرقم لأي رقم تحبه وراح تلاحظ المربع الكبير تغيرت حافته الى حافه دائريه ,,
وبوسط المربع راح يعطيك مثل هذا الكوود
رمز Code:
-webkit-border-top-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-topright: 9px;
-moz-border-radius-bottomleft: 9px;
border-top-right-radius: 9px;
border-bottom-left-radius: 9px;
ننسخ الكود بالكامل ونضعه في هذا المكان ,,



بـ امكانك وضعه بعده اماكن مثل ماني موضح بأول الموضوع ,,

انتهـــى


http://www.traidnt.net/vb/showthread.php?t=1608702