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

محروم.كوم · #1 08-25-2009, 12:20 AM

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

الاول للى معندوش الفرونت بيج يحمله من هنا
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__

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[الدرس الثالث والعشرون]تحويل الصور الى صور مرسومه بالرصآص..من عزت نفسي	سَوّافْ	دورة الفوتوشوب	29	07-19-2011 05:50 AM
الدرس الثالث من دوره توزيع الوجهات وعمل قائمه طولية	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-19-2010 01:00 PM
الدرس الاول من دوره توزيع الوجهات توزيع الهيدر والفوتر	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	05-15-2010 05:10 AM
[الدرس الأول و النتظر] توزيع الهيدر و الفوتير بcss و تركيبهم بالمنتدى	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-12-2009 11:10 PM
[طلب] توزيع الصور المقطعة في الفرونت بيج ~ الله يجزيه الجنه ان شاء الله =} ~	محروم.كوم	منتدى أخبار المواقع والمنتديات العربية والأجنبية	0	06-10-2009 01:20 AM