said
10-30-2013, بتوقيت غرينيتش 09:24 PM
http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ط¥ط¶ط§ظپط© ط§ظ„ط*ط¯ظˆط¯ ط§ظ„ظ…ط¯ظˆط±ط©,rounded corner ط¨ط§ظ„ط¬ظƒظˆط±ظٹ طھط´طھط؛ظ„ ظپظٹ ظ…طھطµظپط* ط§ظ„ط¥ظƒط³ط¨ظ„ظˆط±ط± ظˆط¯ط§ط¹ط§ css3 (http://www.dzbatna.com/t1640054/)
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كيفيكم زوار وأعضاء عالم الإبداع & ديزاد باتنة
أقدم لكم هذا الشرح طريقة المبسط مني كهدية لكم لنظر القنبلة التي أجهزها ^^" أعني ما أقول فقط ترقبو موضوعي القادم
المهم ندخل في صلب الموضوع
أولا قبل كل شئ تفضل مثال
كيفية عمل الحدود المدورة لتشتغل في جميع المتصفحات بالجكوري | مثال حي (http://www.creativityworld.net/js/tajareb/hodod-demo/)
تلاحظون كم يرفع الضغط او الاعصاب عندما تقوم بإضافة حركة الحدود المدورة,Rounded corner وتراها في الموزيلا او السفاري او الكروم او الاوبيرا بذلك المنظر الرائع وكم تتغيض عندما ترى متصفح الإكسبلورر لا يدعمها شئ فظيع أليس كذلك أنا نفسي متصفحي الإفتراضي هو الإكسبلورر بالعادة لا ادخل الفاير فوكس الا عند اضافة حركة او تجربتها لاختبارها والأغلب يستعملونه فلهذا شئ ينرفز بحق
ولكني لم اضع في الحسبان ابدا انه غير ممكن لانه والله الأجانب مستحيلة يخلو شئ الا وله حل وعلى الاقل حل مؤقت المهم بحثت كثيرا في الإنترنت على حل ولم أجد
الا أنه بالصدفة أحد زملائي أخبرني مبرمج فريم الجافا Mootools لديه شرح طريقة لكيفية عمل الحدود المدورة اي rounded corner لتشتغل في جميع المتصفحات ولم أستغرب فهو مبرمج مشهور جدا جدا أحد الذين أبدعو في لغة الجافا سكربت المهم هممت إلى موقعه ووجدت شرح طريقة ولكنه أتضح أنه لشركة أخرى فقط هو قام بمساعدتهم في النشر الا وهي Curvy corner قامت هذه الشركة ببرمجة بلوجن جافا سكربت لعمل الخدود المدورة كبديل الى ان تحل مشكلة الإكسبلورر اي يدعموه وللعلم الكثير قالو بأنه إكسبلورر 9 يدعم الحدود المدورة الى حد الان في ال platform preview لم يظهر بأنه تدعمها
المهم أنه فحصت مكتبة الجافا سكربت ولكنه معقد قليل ولكني أستريح بالتعامل مع الجافا سكربت عن طريق Jquery تبسيط الامر هذا ما يميز الجيكوري المهم بحثت والحمد لله وجدت نسخة طبق الاصل فقط تشتغل مع الجكوري وهذا ما سنقوم به في هذا الدرس مفصل وسنتخدمها في إضافة الروندد كورنر
أولا قبل كل شئ تفضل مثال
كيفية عمل الحدود المدورة لتشتغل في جميع المتصفحات بالجكوري | مثال حي (http://www.creativityworld.net/js/tajareb/hodod-demo/)
يمكن تجربتها على جميع المتصفحات لانها اصلا تعتمد على الجكوري وبعيدا عن الCSS
نبدا في الشرح طريقة
أولا تحتاج حزمة مشغل الجكوري
الإصدار 1.2.6
ثانيا تحتاج حزمة مكتبة rounded corner
الإصدار 2
اولا المكتبتين في منطقة head بداخل لوسم اي قبل وسم </head>
هذا للمواقع
اما المنتديات قالب template headinclude ضع التالي في نهايته
مشغل المكتبتين
رمز PHP:
<code style="white-space:nowrap"> <code> <script src="http://www.creativityworld.net/js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="http://www.creativityworld.net/js/jquery.curvycorners.min.js" type="text/javascript"></script>
</code> </code>
[CENTER]
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كيفيكم زوار وأعضاء عالم الإبداع & ديزاد باتنة
أقدم لكم هذا الشرح طريقة المبسط مني كهدية لكم لنظر القنبلة التي أجهزها ^^" أعني ما أقول فقط ترقبو موضوعي القادم
المهم ندخل في صلب الموضوع
أولا قبل كل شئ تفضل مثال
كيفية عمل الحدود المدورة لتشتغل في جميع المتصفحات بالجكوري | مثال حي (http://www.creativityworld.net/js/tajareb/hodod-demo/)
تلاحظون كم يرفع الضغط او الاعصاب عندما تقوم بإضافة حركة الحدود المدورة,Rounded corner وتراها في الموزيلا او السفاري او الكروم او الاوبيرا بذلك المنظر الرائع وكم تتغيض عندما ترى متصفح الإكسبلورر لا يدعمها شئ فظيع أليس كذلك أنا نفسي متصفحي الإفتراضي هو الإكسبلورر بالعادة لا ادخل الفاير فوكس الا عند اضافة حركة او تجربتها لاختبارها والأغلب يستعملونه فلهذا شئ ينرفز بحق
ولكني لم اضع في الحسبان ابدا انه غير ممكن لانه والله الأجانب مستحيلة يخلو شئ الا وله حل وعلى الاقل حل مؤقت المهم بحثت كثيرا في الإنترنت على حل ولم أجد
الا أنه بالصدفة أحد زملائي أخبرني مبرمج فريم الجافا Mootools لديه شرح طريقة لكيفية عمل الحدود المدورة اي rounded corner لتشتغل في جميع المتصفحات ولم أستغرب فهو مبرمج مشهور جدا جدا أحد الذين أبدعو في لغة الجافا سكربت المهم هممت إلى موقعه ووجدت شرح طريقة ولكنه أتضح أنه لشركة أخرى فقط هو قام بمساعدتهم في النشر الا وهي Curvy corner قامت هذه الشركة ببرمجة بلوجن جافا سكربت لعمل الخدود المدورة كبديل الى ان تحل مشكلة الإكسبلورر اي يدعموه وللعلم الكثير قالو بأنه إكسبلورر 9 يدعم الحدود المدورة الى حد الان في ال platform preview لم يظهر بأنه تدعمها
المهم أنه فحصت مكتبة الجافا سكربت ولكنه معقد قليل ولكني أستريح بالتعامل مع الجافا سكربت عن طريق Jquery تبسيط الامر هذا ما يميز الجيكوري المهم بحثت والحمد لله وجدت نسخة طبق الاصل فقط تشتغل مع الجكوري وهذا ما سنقوم به في هذا الدرس مفصل وسنتخدمها في إضافة الروندد كورنر
أولا قبل كل شئ تفضل مثال
كيفية عمل الحدود المدورة لتشتغل في جميع المتصفحات بالجكوري | مثال حي (http://www.creativityworld.net/js/tajareb/hodod-demo/)
يمكن تجربتها على جميع المتصفحات لانها اصلا تعتمد على الجكوري وبعيدا عن الCSS
نبدا في الشرح طريقة
أولا تحتاج حزمة مشغل الجكوري
الإصدار 1.2.6
ثانيا تحتاج حزمة مكتبة rounded corner
الإصدار 2
اولا المكتبتين في منطقة head بداخل لوسم اي قبل وسم </head>
هذا للمواقع
اما المنتديات قالب template headinclude ضع التالي في نهايته
مشغل المكتبتين
رمز PHP:
<code style="white-space:nowrap"> <code> <script src="http://www.creativityworld.net/js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="http://www.creativityworld.net/js/jquery.curvycorners.min.js" type="text/javascript"></script>
</code> </code>
[CENTER]
