زهير طه

45

6,620

درس css3 عمل التدرجات اللونية بدون صور

السلام عليكم ورحمة الله وبركاته
مع ظهور css3 أصبح بإمكاننا تصميم مواقع الانترنت بسهولة أكبر وبميزات جديدة
ومن هذه الميزات أنه يمكننا إنشاء خلفيات مع ألوان متدرجة وليس لون واحد فقط
وذلك بدون استخدام صور فبعد اليوم لا عناء مع تقطيع الصور وإنشائها بالفوتوشوب


المتصفحات التي تدعم css 3
على الرابط التالي تجدون جدولاً فيه كامل خصائص css3 والمتصفحات التي تدعم كل خاصية
CSS3 Reference

وكخلاصة للدعم يمكننا أن نقول أن المتصفحات firefox, google chrome, safari بإصداراتها الأخيرة هي الأكثر دعماً
يليها oprea و أخيراً internet explorer ( لكن في إصداره الجديد 10 أصبح يدعمها بشكل كبير )


وفيما يلي مقطع فيديو باللغة العربية لدرس توضيحي عن إنشاء التدرجات
[video=youtube_share;OG3XjRIYieM]http://youtu.be/OG3XjRIYieM[/video]
رابط المقطع :




وأيضاً أقدم لكم موقعأً رائعاً جداً ومفيداً للحصول على الكود
حيث أنك ستعمل وكأنك داخل الفوتوشوب ومن ثم انسخ الكود
رابط الموقع:
Ultimate CSS Gradient Generator - ColorZilla.com

مثال كيف تضع الكود:

Tahasoft



للتجربة: HTML محرر أكواد

التعليقات (4)

M.nshawaty     
درس رائع عم دور عليه من زمان
خصوصي مشان الnavbar بالجيل الرابع
kinan     
مبدع
زهير طه     

مشكوـور اخي على الموـوضوع الرآئع
فقط سؤآل صغ ـيرـر
كيف يتم صنع تدرج اللون عن طريق الموقع الكود ما اشتغل مع ـي


سوري منكـ والله ما فهمتـ ع ـليكـ






أهلاً بك
أخي باختصار ادخل إلى الموقع الموجود على الرابط التالي
Ultimate CSS Gradient Generator - ColorZilla.com
واختر أحد التدرجات من القائمة أو اصنع تدرج كما نفعل بالفوتوشوب تماماً
وأظن أنك تستعمل متصفح Internet Explorer بإصدار أقل من 10



بعد أن أخذنا الكود نضعه في css للموقع الذي نبرمجه
وهذا مثال إضافي كهدية لكم (قائمة أفقية مع التدرجات )





OsCkaR     

مشكوـور اخي على الموـوضوع الرآئع
فقط سؤآل صغ ـيرـر
كيف يتم صنع تدرج اللون عن طريق الموقع الكود ما اشتغل مع ـي


سوري منكـ والله ما فهمتـ ع ـليكـ