متجر اوبن كارت احترافي من اقواس

شرح 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...

شرح خاصية التعويم CSS Float

أن خاصية التعويم  float من خصائص CSS المستخدمة بكثرة فى تخطيط المواقع. التعويم float يقصد به ان تجعل النصوص تلتف حول الصورة داخل وعاء محدد. .img { float: right; margin: 0 0 1em 1em; }

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

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

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

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

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

استعلامات الميديا 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; }...