شرح طريقة مصور تغيير مظهر الأستايل style CSS Border Radius

[salima]

http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ظ…طµظˆط± طھط؛ظٹظٹط± ظ…ط¸ظ‡ط± ط§ظ„ط£ط³طھط§ظٹظ„ CSS Border Radius (http://www.dzbatna.com/t2120415/)






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

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

بوريكم مثآل ,

قبل ~

http://upload.dzbatna.net/upfiles/Xzo87418.png

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

طيب نشوف بعد

http://upload.dzbatna.net/upfiles/Vrx87702.png

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

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

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

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

http://upload.dzbatna.net/upfiles/49N87669.png

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

التحكم بالإستايل 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

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


http://upload.dzbatna.net/upfiles/97C87523.png

ثم نضغط آذهب

http://upload.dzbatna.net/upfiles/GQ987647.png




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

http://upload.dzbatna.net/upfiles/W3B87842.png

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


الكـــود

رمز 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 كروم ,
اما انترنت اكسبلور ماتعمل عليه هههههه مدري ليه يمكن عشان محد يستخدمه

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







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©