dkakme
03-17-2011, 11:51 PM
بسم الله الرحمن الرحيم
[/URL]http://img56.imageshack.us/img56/6135/salamxr6.gif (http://img56.imageshack.us/img56/6135/salamxr6.gif)
http://i66.servimg.com/u/f66/15/46/00/78/00a09410.gif (http://i66.servimg.com/u/f66/15/46/00/78/00a09410.gif)
شرح طريقه جعل حدود جداول دائريه
اولا اضع لكمـ مثال قبل و بعد عمل الطريقه ,,
’
مثال :منتديات نجم سات (http://www.nejm-sat.com)
قـــبل
http://i66.servimg.com/u/f66/15/46/00/78/11111110.png (http://i66.servimg.com/u/f66/15/46/00/78/11111110.png)
بـــعد
,
http://i66.servimg.com/u/f66/15/46/00/78/2222210.png (http://i66.servimg.com/u/f66/15/46/00/78/2222210.png)
طريقه استعمال الكود ,,
,’
هذا الكود راح يخلي كل الحدود دائريه ,, << راح اوضح كلامي
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;نضع الكود بهذا المكان ,,
http://i66.servimg.com/u/f66/15/46/00/78/33333310.jpg (http://i66.servimg.com/u/f66/15/46/00/78/33333310.jpg)
اماكن وضع الكود ,,
’
الأقسام الرئيسية/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
طريقه عمل مثل هذا الحدود ,,
,’
ادخل لهذا الموقع ,,
http://border-radius.com (http://border-radius.com/)
بعد ماتفتح الموقع راح تحصل مربع كبير ,,
وبكل زاويه مربع به الرقم 0 ,, << بـ الأمكان التلاعب بجميع المربعات
قم بتغيير الرقم لأي رقم تحبه وراح تلاحظ المربع الكبير تغيرت حافته الى حافه دائريه ,,
وبوسط المربع راح يعطيك مثل هذا الكوود ,,
أتمنى أن اكون قد وفقت بالشرح
[URL="http://i26.servimg.com/u/f26/15/46/00/78/34787710.gif"]http://i26.servimg.com/u/f26/15/46/00/78/34787710.gif (http://i26.servimg.com/u/f26/15/46/00/78/34787710.gif)
[/URL]http://img56.imageshack.us/img56/6135/salamxr6.gif (http://img56.imageshack.us/img56/6135/salamxr6.gif)
http://i66.servimg.com/u/f66/15/46/00/78/00a09410.gif (http://i66.servimg.com/u/f66/15/46/00/78/00a09410.gif)
شرح طريقه جعل حدود جداول دائريه
اولا اضع لكمـ مثال قبل و بعد عمل الطريقه ,,
’
مثال :منتديات نجم سات (http://www.nejm-sat.com)
قـــبل
http://i66.servimg.com/u/f66/15/46/00/78/11111110.png (http://i66.servimg.com/u/f66/15/46/00/78/11111110.png)
بـــعد
,
http://i66.servimg.com/u/f66/15/46/00/78/2222210.png (http://i66.servimg.com/u/f66/15/46/00/78/2222210.png)
طريقه استعمال الكود ,,
,’
هذا الكود راح يخلي كل الحدود دائريه ,, << راح اوضح كلامي
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;نضع الكود بهذا المكان ,,
http://i66.servimg.com/u/f66/15/46/00/78/33333310.jpg (http://i66.servimg.com/u/f66/15/46/00/78/33333310.jpg)
اماكن وضع الكود ,,
’
الأقسام الرئيسية/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
طريقه عمل مثل هذا الحدود ,,
,’
ادخل لهذا الموقع ,,
http://border-radius.com (http://border-radius.com/)
بعد ماتفتح الموقع راح تحصل مربع كبير ,,
وبكل زاويه مربع به الرقم 0 ,, << بـ الأمكان التلاعب بجميع المربعات
قم بتغيير الرقم لأي رقم تحبه وراح تلاحظ المربع الكبير تغيرت حافته الى حافه دائريه ,,
وبوسط المربع راح يعطيك مثل هذا الكوود ,,
أتمنى أن اكون قد وفقت بالشرح
[URL="http://i26.servimg.com/u/f26/15/46/00/78/34787710.gif"]http://i26.servimg.com/u/f26/15/46/00/78/34787710.gif (http://i26.servimg.com/u/f26/15/46/00/78/34787710.gif)