شرح inline-block عرض كمربعات علي السطر

بأمكانك انشاء شبكة من الصناديق التي تمتد بعرض شاشة المتصفح وأيضا تلتف ﻷسفل بشكل جميل.  كنا نفعل ذلك لوقت طويل باستخدام التعويم float ويكن اﻵن مع inline-block أصبح الموضوع سهلا يسيرا. أن عناصر inline-block مثل العناصر السطرية inline لكن لها عرض وطول ، تعال نري كلا المدخلين فى اﻻمثلة…

شرح clear في css

تعتبر خاصية clear مهمة جدا للتحكم في سلوك خاصية التعويم float. قارن بين المثاليين التاليين: كود ملف html: <div class=”box”>…</div> <section>…</section> كود ملف CSS: .box { float: left; width: 200px; height: 100px; margin: 1em; } .simple { width: 500px; margin: 20px auto; }  

تعريب قالب اوبن كارت وتعريب اوبن كارت كامل

ان  تعريب قالب اوبن كارت أحدي اهم المهام اليومية التي يقوم بها فريق موقع  اقواس في تعريب  اوبن كارت  لخدمة قطاع كبير من اصحاب متجر اوبن كارت . نحن ﻻ نبالغ اننا قدمنا مستويات دعم اللغة العربية في اوبن كارت احترافية نالت اعجاب اصحاب الشركات…

اضافة ميزة ان المنتج غير موجود من بدﻻ من اضف للسلة في حالة نفاذ الكمية

يواجهة الكثيرين طلب العملاء لمنتجات ﻻ توجد بالمخزن في هذة الخدمة المميزة من خدمات محمد عودة .. يقدم لك اقواس لتعريب وتطوير المواقع اضافة مميزة الي المتجر وهي استبدالة زر اضف للسلة بزر غير موجود في حالة ان المنتج غير موجود بالمخزن او ان الكمية…

شرح خاصية max-width في CSS

أن استخدام خاصية max-width بدلا من  width فى هذة الحالة سوف يجعل عملية تحكم المتصفح فى النوافذ الصغيرة افضل طبعا. هذة الميزة مهمة جدا عند عمل مواقع للهواتف النقالة. قم بتغيير شاشة المتصفح لتري ما نقصد. لاتقلل فأن max-width مدعومة فى اغلب المتصفحات بما فيها IE7+…

استعلامات الميديا Media Queries في CSS

لكي يعمل  موقعك يتجاوب ويتغير  طريقة عرضة  او هيكل تصميم حسب  للشاشة التي يعرض منها.  يعني اذا كان الزائر يشاهد موقعك من شاشة موبيل فطبيعي  عليك تعديل الموقع كي يناسب مع عرض شاشة الموبيل  وهكذا مع التابلت واﻻجهزة اﻻخري.  لهذا السبب ظهر عنصر استعلامات الميديا…

تنسيق وعرض النص علي شكل اعمدة في CSS

توجد خاصية حديثة فى CSS تسمح لنا بأنشاء مربعات نصية تحتوي علي اكثر من عمود، مثل التالي: .three-column { padding: 1em; -moz-column-count: 3; -moz-column-gap: 1em; -webkit-column-count: 3; -webkit-column-gap: 1em; column-count: 3; column-gap: 1em; } تعتبر  خاصية اﻻعمدة في CSS حديثة نسبيا. لذا تستخدم البادئات prefixes…