تعرفوا على بعض الطرق لعمل زوايا مستديرة تعمل على جميع المتصفحات، حتى الإكسبلورر! في هذا الدرس، سنطبق تأثير الزوايا المستديرة على مربع بسيط باستخدام مزيج من CSS3 وجافا سكريبت.
دليلك لعمل زوايا مستديرة باتساق تام عبر جميع المتصفحات
السلام عليكم
شكرا لك اخي الكريم
قسم الصورة الا اربعة ارباع تبقى نفس الحجم صح
والميزة الاهم انها ستعمل على جميع المتصفحات بدون استخدام مكتبة جافا سكريبت
حيث ان المكتبة ستاخذ حجم
انتظر ردك حتى اعرف المبرر من ذلك حتى استخدم الطريقة ان كانت مفيدة
تم تعديل هذه المشاركة بواسطة X-File في 27 يونيو 2010 في 00:58
In bad state
X-File كتب:السلام عليكم
شكرا لك اخي الكريم
قسم الصورة الا اربعة ارباع تبقى نفس الحجم صح
والميزة الاهم انها ستعمل على جميع المتصفحات بدون استخدام مكتبة جافا سكريبت
حيث ان المكتبة ستاخذ حجم
انتظر ردك حتى اعرف المبرر من ذلك حتى استخدم الطريقة ان كانت مفيدة
وعليكم السلام أخي،
الأسلوب البديل والذي يستخدم الـCSS Sprites فقط كما هو مذكور أفضل لأن مكتبة الجافا سكريبت كرفي كورنر يصل حجمها إلى ٢٧ كيلو بايت.
ولكن المشكلة الأساسية في طريقة الأنماط فقط هي أنها تحتاج إلى عناصر إضافية في توصيف الصفحة. لكي تعمل كان علينا إضافة وسم div لكل زاوية. ربما المشكلة هي كسر قاعدة "فصل المحتوى عن التصميم".
في المقابل أسلوب الجافا سكريبت وCSS3 أنسب في المشاريع الكبرى، أما في الصفحات الصغيرة فستُعتبر الـ٢٧ كب ثمناً باهظاً.
تم تعديل هذه المشاركة بواسطة عبد الرحمن جميعي في 27 يونيو 2010 في 02:08
بصراحة اكيد الها فائدة ولكن اضافة اربعة وسوم لا يكلف واحد كيلو ولكن لك كل الشكر مني على مبادرتك الطيبة وتقبل مروري ولك كل الشكر
بالتوفيق
In bad state
اعتقد الكورنر بالـ jquery افضل بكثير واسهل ويمكنك التنويع بدون اي تحميل زائد للصفحه
انظر الاتي
said_sal7 كتب:اعتقد الكورنر بالـ jquery افضل بكثير واسهل ويمكنك التنويع بدون اي تحميل زائد للصفحه
انظر الاتي
نعم هذا أحد الحلول أيضاً ولكنه ما زال يستخدم الجافا سكريبت! حجم الملف بعد التصغير ٨ كب، بالتأكيد أفضل من Curvy Corner الذي يزيد عن ذلك. استخدم ما تجده الأنسب لك ولمشروعك :)