ط´ط±ط* ظ…طµظˆط± طھط؛ظٹظٹط± ظ…ط¸ظ‡ط± ط§ظ„ط£ط³طھط§ظٹظ„ CSS Border Radius




السلام عليكم ورحمة الله وبركاته ,,

اليوم جايب لكم شرح طريقة للي يحبون الزبرقه بـ استايل styleاتهم , وهالحركه بتعطيه مظهر حلو آكيد !

بوريكم مثآل ,

قبل ~



بصراحة شكل مو حلو

طيب نشوف بعد



وهـ شآيفين كيف البوردرآت وشلون مزينه حدود الجدوآل صآيره تسنهـآ دويرهـ <- برآ

المهم هآلطريقه سهله وتعتمد ع ذوقكـ ...

خش هآلموقع ~ [ CSS Border Radius ]

تحصل بكل جهة مربع [ حط القيمة اللي تبيهـآ ] بعد ماتحط تلاحظ إن الجدول تغير ~ حلو ,



اللحين ماعليك يا بو الشبآب الا ان تقوم وتنسخ هآلقيم وتروح لـ :

التحكم بالإستايل styleات >--> خيآرات جميع الاستآيلات .

الأقسام الرئيسية/Category Strips
رأس الجدول/Table Header
نهاية الجدول/Table Footer
لون التوزيع الأول/First Alternating Color
لون التوزيع الثاني/Second Alternating Color
محيط اللوحة/Panel Surround
اللوحة (الأشكال)/Panel Forms
خيار صف قائمة الإنبثاق/Popup Menu Option Row
خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option

ونقوم بـ اضافة القيم ع الشكل آلتآلي




ثم نضغط آذهب






ومن ثم مثال لوضع الكود code



الطريقه حلوه وعجبتني ,, وتقدر تسوي اكثر من شكل فيهآ


الكـــود

رمز PHP:
<code style="white-space:nowrap"> <code> -webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 5px;
border-top-right-radius: 4px;
border-bottom-left-radius: 6px;
</code> </code>


هالخاصيه ما تعمل الا ع [ Mozilla Firefox ] والمتصفحات المتطورهـ مثل قوقل google كروم ,
اما انترنت اكسبلور ماتعمل عليه هههههه مدري ليه يمكن عشان محد يستخدمه

استودعكم بــ الله اتمنا ان لايكون مكرر
تحياتي لكم








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©