الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

javascript curvycorners

بدأه الفيل الطائر في 19 أغسطس 2010 · 2 رد · 975 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

فى المرفقات سكربت للحدود حول الاشياء بدون استخدام الصور

وهو مفيد عندما يكون عرض الصفحة 100% اى ليس ثابتا

لقد بسطه كثيرا

الموقع الاصلى http://www.curvycorners.net

curvycornersBazic.zip

#2

لا تحتاج إلى javascript لجعل الحواف curved.

CSS تستطيع القيام بهذا، على المتصفحات والعناصر المدعومة فقط.

 	-moz-border-radius: 	4px; 	-webkit-border-radius:	4px;

الأول يعمل على متصفح Mozilla Firefox

الثاني يعمل على المتصفحات مثل Safari, Opera, Chrome, ..

ويبقى IE صاحب المشكلة الأكبر، لا يوجد له طريقة باستخدام CSS لجعل الحواف مدورة، يمكن حينها استثمار CurvyCorners.js عند اللزوم وفي هذه الحالة سأقوم باستثماره بالطريقة التالية كنوع من التحايل والذي سيخفف عندي من حجم الصفحة لكون الملف لا يتم تضمينه إلا في حال كان المتصفح IE6+

<!--[if gte IE 6]>
<script type='text/javascript' src='curvycorners.js'></script>
<![endif]-->

حيث gte تعني greather than or equal

والله الموفق.

تم تعديل هذه المشاركة بواسطة Xacker في 19 أغسطس 2010 في 12:14

2

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

#3

شكرا على التوضيح

مواضيع مشابهة