دورة اسلوب التصميم لتصميم آستايل ( الدرس اآلثآآني ) .. } باذن الله نسآعٍِدك

[فارس قطر]

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

رآبط الدرس الاول من المصدر هِنـآ (http://www.x4ds.net/vb//showthread.php?t=346)


بسم الله الرحمن الرحيم ..

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

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

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

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

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

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

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


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

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

.. شوف بالصور

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



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

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

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

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

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

..

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

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

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

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