| دروس التعامل مع الثيمات: كيفية عمل حواف دائرية دون الحاجة لصور | |||
|
|||
| كلنا بحب ان يضيف الى تصميمه لمسات جميلة . من بينها الحواف الدائرية rounded corners . الطريقة البدائية هي قليلاً معقدة : كانت تقتضي ان نرسم التصميم على الفوتوشوب ونقطعه ومن ثم ندمجه في التصميم ونعمل له متغيرات css اما بوجود css3 وهو نسخة متطورة من css اصبح الامر مجرد كود نضعه , لكن لدينا مشكلة صغيره الى ان المتصفح انترنيت اكسبلولر لا يقراها للان ولكن عاجلاً او اجلاً سيتم قراءته. اما بالنسبة للكود ضعه في ملف style.css في اي مكان تريد ان يصبح دائري,لنفترض مثلا في عنوان البلوك:
.box_round {
الكود كما ترون متوافق مع كروم, سفاري واوبرا وطبعاً فاير فوكس. ماذا يعني الرقم 12؟ يعني درجة الانحناء او التدوير و يمكنكم جعلها 8 مثلا ان كنتم لا تريديون الكثير من التدوير. هذا كل شيء في ما خص هذا الكود. اما بالنسبة لاجبار انترنيت اكسبلولر فهناك اكواد اخرى ك jquery وغيرها يمكن الاستعانة بها لعمل دوائر. سنططرق اليها في ما بعد النتيجة لهذا الكود :  |
|
ترتيب الدرس : 10.00 (2 صوت) صوت للدرس |
| العودة للقسم | العودة الي الصفحة الرئيسية |
