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

مشاهدة النسخة كاملة : الحدود الدائريه في ستايل المنتدى ,[Border-radius] ..{ CSS3 شرح بالصور


alfares
02-15-2011, 07:59 AM
بسم الله الرحمن الرحيم...السلام عليكم ورحمة الله وبركاته

الحدود الدائريه وطريقه استعمالها مع جداول vb ,,
اولا اضع لكمـ مثال قبل و بعد عمل الطريقه ,,

قـــبل
,
اضغط ع الصوره للتكبير
http://img686.imageshack.us/img686/2615/56671406.png


بـــعد
,
اضغط ع الصوره للتكبير
http://img16.imageshack.us/img16/8600/68625881.png
,’
طريقه استعمال الكود ,,
,’
هذا الكود راح يخلي كل الحدود دائريه ,,
رمز Code: border-radius: 9px;-webkit-border-radius: 9px;-moz-border-radius: 9px;

نضع الكود بهذا المكان ,,
http://img690.imageshack.us/img690/5686/34597812.png

,’
اماكن وضع الكود ,,

الأقسام الرئيسية/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 ,, << بـ الأمكان التلاعب بجميع المربعات*http://www.eshrag.com/vb/images/smilies/cupidarrow.gif
قم بتغيير الرقم لأي رقم تحبه وراح تلاحظ المربع الكبير تغيرت حافته الى حافه دائريه ,,
وبوسط المربع راح يعطيك مثل هذا الكوود ,,
,’
رمز 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://img690.imageshack.us/img690/5686/34597812.png


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

,’


مصدر (http://www.traidnt.net/vb/showthread.php?t=1608702)

أغزيل
02-15-2011, 01:28 PM
اضافة جميلة لستايل

مشكور اخوي

mughader
02-15-2011, 03:04 PM
يعطيك الف عافيه أبو فارس