الدرس الثالث : توزيع الصور على الفرونت بيج وتركيبهم بالمنتدى (منتديات ساكسونيا)

[محروم.كوم]

هذا الدرس هو : درس توزيع الهيدر والفوتر على الفرونت بيج وتركيبهم بالمنتدى


الاول للى معندوش الفرونت بيج يحمله من هنا
http://www.vbsacsonia.com/vb/showthread.php?t=216
بعد التحميل


نفتح الفرونت بيج



بعد فتح الفرونت بيج نذهب الى كود



ونقوم بمسح ما بداخله

نذهب الى كلمة Design (تصميم) عشان نبدأ بعمل الاستايل


ونعمل جدولـ زى الصورة


نضغط كليك يمين على الجدول عشان نظبت الاعدادات زي الصورة












الان نقوم بوضع خلفية للجدول






نقوم باختيار خلفية الهيدر



ثم نضغط ok


ثم نأتى عند الجدول ونضغط كليك يمين ونعمل مثل الصورة



لكى نقسم الجدول لثلاث خليات



ثم نضع الماوس على الخلية التى على اليمين ونقوم بادراج شعار الهيدر الذى على اليمين




وسوف يكون شكلها هكذا



نقوم بشد الجدول الى جهة الشعار حتى لا يتحرك الشعار من موقعه



الان نقوم بالتوجه الى code


ونعدل ع الاكواد عن طريق مسح هذا الامتداد ليتعرف الاستايل على الصور ويظهر
مثل الصورة

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 922x432 الابعاد 53KB.

ونفعل هذه الحركة ايضا فى الكود اللى فوق
زى الصورة

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 924x400.

وبعدها نذهب للوحة التحكمـ ثم الاستايلات والقوالب

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 709x117 الابعاد 42KB.

ثم فى خانة الـheader







ونمسح ما بداخل



















نذهب للفرونت بيج وننسخ الكود كااامل

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 878x246 الابعاد 125KB.

ولصقة بين












كده نكون خلصنا ... وضع كود الهيدر


ونأتى الان للفوتر


نفس طريقة الهيدر ولكن تختلف بأشياء بسيطه


......


نفتح الفرونت بيج من الأول




بعدها نذهب الى Code



ونمسح ما بداخله

نذهب الى كلمة Design (تصميم) عشان نبدأ بعمل الاستايل


ونعمل جدولـ زى الصورة


نضغط كليك يمين على الجدول عشان نظبت الاعدادات زي الصورة












الان نقوم بوضع خلفية للجدول






نقوم باختيار خلفية الفوتر



ثم نضغط ok


ثم نأتى عند الجدول ونضغط كليك يمين ونعمل مثل الصورة



لكى نقسم الجدول لخليتين



نضع الماوس على يمين الجدول
وندرج الصورة






بعدهها نقوم بشد الجدول الى اليمين حتى لا يتحرك الجزء اليمين من موقعه



الان نذهب الى Code


ونعدل على الأكواد مثل الهيدر


وهذا الناتجـ بعد المسح مثل الهيدر

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 878x176 الابعاد 111KB.

الان نذهب الى footer بلوحة التحكم







ونقوم بلصق كود الفوتر الذى بالفرونت بيج بعد كلمة
//-->



بأخر الكود


ثم نقوم بالضغط على
حفظ


________________________


كده نكون خلصنا يتبقا لنا رفع الاستايل بالأف تى بى


لتحميل البرنامج
http://www.mediafire.com/download.php?1a03kwdjnoz




ونكتب بيانات المنتدى فوق بالاف تى بى

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 1152x98 الابعاد 79KB.

وبعدين تدوس Enter من الكيبورد


وبعد كده نرفع ملف الاستايل داخل مجلد vb

هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 980x496 الابعاد 121KB.

وننتظر الرفع للاخر .. وبكده نكون خلصنا .. وتقدر تشوف الهيدر والفوتر شغالين فى المنتدى
...


الدرس القادم : تعديل ألوان الاستايل

__DEFINE_LIKE_SHARE__