درس تصميم استايل غير متمدد (الدرس الثاني)

[ABDULAL123]

درس تصميم استايل غير متمدد (الدرس الثاني)
بسم الله الرحمن الرحيم ..


طبـعا سوينـا الهيدر والفوتر ..


باقـي نرفع المجلـد عن طريقة الاف تي بي ..


.. بعد مرفعـنا المجـلد .. نروح لوحة تحكم الادارة


.. نروح الـى ( الاستايلات والقوالب )


.. التحكم بالاستايلات ...


بعـدي حتلاقي .. اضافـة استايل جـديد ..


http://www.x4ds.net/astayl/5.jpg
.. حنلاقي اخر شي .. هاذي الصورة .. نطغظ عليـها
http://x4ds.net/astayl/6.jpg
بعدين نروح الى هاذي الصفحة .. ونسم الاستايل بالاسم الي نبغاه
http://x4ds.net/astayl/7.jpg



.. بعيد نرجـع للتحكم بالاستايلات ..


.. نختار خيارات جميع الاستايل ..


.. شوف بالصور



http://www.x4ds.net/vb//undefined/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://x4ds.net/astayl/8.jpg





بعـدين نروح للفورنت بيج ونسيب الصفحة حق الاستايلات مفتـحوة


.. نورح الى التعليمات البرمجـية


http://x4ds.net/astayl/9.jpg


نحذف الكـود الموجود



http://www.x4ds.net/vb//undefined/images/statusicon/wol_error.gifنقره على هذا الشريط لعرض الصورة بالمقاس الحقيقي
http://x4ds.net/astayl/10.jpg



نرجـع الـى صفحة التصميم .. بتلاقيهـا بجنب .. تعلمات برمجيـة على يمينـها


http://x4ds.net/astayl/9.jpg


.. ندرج جدول جديد ..


http://x4ds.net/astayl/11.jpg


.. نضغظ على الجـدول بالز الايمن من المـاوس حيطلعلك .. خيارت


اخـتار خصائص الجـدول
http://x4ds.net/astayl/12.jpg


سوي هاذي الخيارت الي في الصور .. الي تحت ..


http://x4ds.net/astayl/13.jpg


.. حيطلع لك الجدول زي كـذا .. تابع بالصور


http://x4ds.net/astayl/14.jpg


بعـدين .. بـاقـي اضافـة الصـور .. داخل الجدول ... حط المؤشر داخل


الجدول وتابع الصور


http://x4ds.net/astayl/15.jpg


بعد ماتضيف الصـورة .. وحطتلع تمام .. زي كذا
http://x4ds.net/astayl/16.jpg


>> ترجع الى التعلـيمات البرمجـية ..


بعد ماترجع نمسح الكود القلط ..


تابع


http://x4ds.net/astayl/17.jpg
.. قربـنا نخـلص ..


بعد مامسحنا الكود ننسخ الكود الباقي .. و نرجع للصفحة حقـت .. الاستايلات ..




(لوحةالتحكم)


تـابع


http://x4ds.net/astayl/18.jpg


..


,ونمسح الكود .. ونحط بدالو الـكود حق الي نسخنـاه في الفرونت بيج ..


وحـط موافـق ..


>خلصنـا شرح الهـيدر .. القوتر تقرـيبا ... نفس الشرح بس حـشرح ... في الـرد<


>> انـزل لشرح الفوتـر