السلام عليكم ورحمة الله وبركاته
أرغب بتصميم قالب للوردبرس، ولازلت في بداية التصميم فعلياً، و لديّ استفسار عن كيفية إنشاء المقالات بنظام المربعات، كما في موقع آيفون إسلام و فواصل.
أتمنى من لديه الخبرة الكافية لكيفية تكويدها أن يدلني عليها.
سؤال: كيفية عمل المقالات بنظام المربعات
وعليكم السلام ورحمة الله
يسمى نظام الشبكات
1- أولا تفرز الأعمدة على الصفحة مثلا أعمدة 40 بكسل وتبعد 20 بينهم ب 12 عامود يكون حجم الصفحة 720 بكسل مثلا
2- ضع المربعات على الاعمدة مثلا 12 عامود يمكن تقسيمها على 2 و 3 و 4 و 6 مربع
أما اذا أردتها متمدده فإستخدم النسبة بدل البكسل مثلا 300 بكسل للمربع 30%
أما الطريقة فتحتاج الى وضع عنصر المربعات داخل عنصر لخلفية الصورة باستعمال CSS بعد إعادة تعين ال body
للأمانة لم أستخدمها ولكن أعرفها ,, أتمنى ما جبت العيد بشرح.
حسناً شكراً لك أختي.
بالمناسبة، هذا ما كنت أقصده في الصورة، قمت بعمله بال CSS فقط.
هل طريقتي تعتبر صحيحة؟ أيضاً @mohamed asfar ألقي نظرة على الكود من فضلك.
لو كنت مكانك ما جمعت العناصر حيث أنك تستخدم HTML5 لان جمع العناصر عادة يكون لوصف محتويات مشتركة
ولما استخدمت dsisplay نادرا ما أستخدمها إلا في حالات صعبة
كتبت لك الكود أتمنى يعجبك.. صرحتا أكتب xml لهذا صحح لي اذا هناك خطأ, تقريبا كما أتوقع.. أريد مساعدة كيف أضعة هنا
لا أدري ماهو الإسم الصحيح لها ولكن تفضل صورة حتى للإيضاح أكثر..
اه ، هذه الطريقة تعمل بتقنية css
كل ما عليك هو تحديد الأيدي أو الكلاس المشترك بين المقالات
ثم تحديد اتجاه لليمين والعرض 19 في المئة
و margin
ارسل لي الرابط لأقوم بالإعدادت بسرعة
شكراً لك، ولكن رابط ماذا الذي ترُيدني أن أرسله؟
أنا لا زلت أتعلم، حالياً أقوم بتعلم تصميم النافبار على خادم شخصي localhost ، وأريد أن أتعلم طريقة فعل هذه المربعات. أتمنى أن تكون قد فهمت قصدي.
أتممت ال CSS و لي خلفية جيدة عن ال Bootstrap، لذلك وضعت سؤالي هنا في حسوب. شكراً لك أخي على المساعدة.
لم أقل بأني لا أعرف ال CSS، ولكن قلت بأنني أتعلم التصميم بالبوتستراب، حتى المحترف لا يزال يتعلم ال CSS، البرمجة وتطوير الويب لا تنتهي عند لغة عندما يتم إتقانها إتقان تام، ومن يقول غير ذلك، فهو واهن. شكراً لك.
التعليقات