23 - تاطير قالب FORUMHOME - vb4

[خالد القحطاني]

طبعا هذا الدرس كاالعاده مرتبط بالدروس السابقه

قمنا بانشاء جدول علوي وسفلي للقوالب :

20: التاطير ببرنامج Microsoft Expression Web 2 ( الجزء الاول ) (http://www.new-style.ws/vb/thread4218.html)
21: التاطير ببرنامج Microsoft Expression Web 2 ( الجزء الثاني ) (http://www.new-style.ws/vb/thread4222.html)

لتاطير احصائيات المنتدى

http://www.new-style.ws/upload/uploads/images/new-style-ws-8e25309537.jpg

الان نقوم بفتح قالب :


FORUMHOME

ونبحث عن


<!-- what's going on box -->

نجعل الجدول العلوي قبله


ونبحث عن


<!-- end what's going on box -->

ونجعل القالب السفلي بعده

ثم نقوم بحفظ القالب


نلاحظ فراغ في اعلى التاطير وفي اسفله

http://www.new-style.ws/upload/uploads/images/new-style-ws-4acb82ddd3.jpg

لإزالة الفراغ نذهب الى قالب


forumhome.css

نبحث كما في الصوره :

http://www.new-style.ws/upload/uploads/images/new-style-ws-81a4d1e420.jpg



margin-top: {vb:math {vb:stylevar padding}*1.5};
و
margin-bottom: {vb:stylevar padding};

نضع للقيمه الخارجه منها :

0px

http://www.new-style.ws/upload/uploads/images/new-style-ws-1e0c88a960.jpg

ونقوم بحفظ القالب

http://www.new-style.ws/upload/uploads/images/new-style-ws-ac2b79cf8a.jpg

ولازالة الظل الموجود في اسفل الجدول نفتح نفس القالب


forumhome.css



ونغير القيم التالية الى اصفار



http://www.new-style.ws/upload/uploads/images/new-style-ws-4ea264f97e.jpg

http://www.new-style.ws/upload/uploads/images/new-style-ws-83236bdb2d.jpg

انتهاء قالب FORUMHOME

[bousaid]

جزيت خيراً ... و شرح موفق :)

[op1]

شرح جديد ورااائع وسلس يستحق التقيم

ميمز يا ابوعبدالهادي

[ميت الإحساس]

جزآآآك الله خير على الشرح المميز

[الهاجر]

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

[دار الأصم]

رائع جد
شكراً جزيلاً