في درس سابق شرحت طريقة عمل غلاف لصندوق محتويات بدون عنوان وذلك بالإستعانة بثلاث صور مجمعة، وما يميزه أنه قابل للتمدد لأي عرض دون مشاكل و صالح أكثر في الصناديق الكبيرة إطار كلي لمنتدى أو مدونة بعرض مفتوح.. لكن رغم ذلك أرى الطريقة غير عملية لو فكرت في استخدامه لصناديق القائمة الجانبية مثلاً فأوسمه HTML المستخدمة كثيرة جداً بالمقارنة مع كونه مجرد صندوق لعرض البيانات!
عندما أتصفح المواقع الأجنبية أجدهم يتحدثون دائما عن شيء يسمى التفاصيل فإهتمامك بالتفاصيل الدقيقة هو ما يُحدد جودة تصميم الموقع، وما أقصده هنا ربما تعتبره شكلياً وغير مهم أو عادياً ولكنه في الحقيقة عكس ذلك، فواحد بكسل من الظل قد يفرق ويغير في شكل الموقع، فالمصمم الذي يضع جهداَ في التفاصيل يحصل في النهاية على موقع مختلف وله طابع خاص، لأن لكل منّا تفاصيلة الخاصة!
أمر غريب جداً أن أعود للكتابة بعد كل هذه المدة أشعر وكأني أدون لأول مرة، فقبل كتابة هذه التدوينة كان علي أن أنفض أكوام الغبار وأعشاش العنكبوت حول زر الإرسال الذى لم يستخدم منذ شهور طويلة، كما أن الشكوك التى راودتني حول إمكانية عمله من جديد بشكل سليم تلاشت بمجرد الضغط عليه برقّه وحنان فلان تحت سهم ’الماوس‘ واستجاب على الفور وكأنه بعث من جديد ولسان حاله يقول -أنت لسّه عايش يا منيّل بستين نيله-
هل تحسن إستغلال خواص الحدود border في CSS؟ عن طريق الحدود يمكنك عمل بعض الأشكال التى يتم تطويعها والإستفادة منها عوضاً عن الصور..
في مقدمة سريعة عن تخطيط الصفحات تكلمت سابقاً ضمن سلسلة دروس الأساسيات. ثم وجدت أمامي فرصة اليوم لتنسيق مجموعة صفحات لنماذج شائعة للتحميل والأستخدام مباشرة، مجموعة منسقة كي تناسب إحتياجاتك متوافقة مع كل المتصفحات بلا مشاكل..
فكرة: الإزاحة بقيم سالبةالفكرة الأساسية التى أعتمدت عليها وبنيت عليها الصفحات كانت من الدرس التالي لتخطيط صفحات ممتدة أو مرنة بالإعتماد على قيم margin سالبة بالموقع الشهير alistapart، طريقة مفضلة لدي ولم أواجه معها أي مشاكل.
تخطيط متمدد على عمودين بواسطة الصناديق div والقائمة الجانبية لها عرض مُحدد ثابت يسهل عليك تعديلة حسب إحتياجات موقعك، أما صندوق المحتويات فلم يحدد لها عرض كي تتمدد بإتساع أو تصغير نافذة المتصفح التقليص يكون داخل عمود المحتويات فقط.
 |
عمودين والقائمة الجانبية جهة اليمين |
 |
عمودين والقائمة الجانبية جهة اليسار |
تخطيط متمدد على 3 أعمدة بواسطة الصناديق div والصناديق الجانبية كل منهم له عرض مُحدد ثابت يسهل عليك تعديلة حسب إحتياجات موقعك، أما صندوق المحتويات فلم يحدد له عرض كي يتمدد بإتساع أو تصغير نافذة المتصفح التقليص يكون داخل عمود المحتويات فقط.
 |
3 أعمدة والمحتويات بالوسط |
 |
3 أعمدة والمحتويات جهة اليمين |
 |
3 أعمدة والمحتويات جهة اليسار |
وهذا هو الشائع الأن والمفضل بين المواقع تكون ثابتة وبعرض محدد لعمود المحتويات، ويمكنك فعل ذلك بسهولة بإضافة خاصية جديدة محدد بها عرض الصفحة داخل المعرّف wrapper#.. ويحسب حينها عرض عمود المحتويات الرئيسي بعد خصم قيمة العمود الجانبي من العرض الكلي.
المصنع. بعض ما عندكم!
أول عطفه يمين، الدور الثالث، مصـرمدونة تعليمية تهتم بتقديم دروس وأفكار حول تنسيق و تطوير مواقع الويب و أشياء أخرى، يكتب فيها حالياً أحمد عبدالمنعم أو ’’كتوم‘‘ سابقاً لمن يعرفه! مرحب جداً بإي إسهامات تدوينية مفيدة من القرّاء سواء دروس أو ترجمات أو إضافات مجانية أو أي وسيلة للدعم.