- دورة تعليم تصميم الستايلات -4- كيفيه تركيب التصميم بالفرنت بيج وتركيبه علي المنتدي

[abohmam]

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

السلام عليكم ورحمة الله

كيف حالكم أخواني الكرام

اليوم أطرح لكم طريقة تركيب الاستايل علي المنتدي بعد ان قطعناه
ونبدأ علي بركة الله

[الدرس الرابع]كيفيه تركيب التصميم بالفرنت بيج وتركيبه علي المنتدي

أولاً ضع مجلد الاستايل الذي قمنا بتقطيعة داخل مجلد الصور الذي بداخل المنتدي
ثم توجة إلي برنامج الفرنت بيج وقم بفتح

http://www.abc4web.net/vb/imgcache/3370.abc4web

الان في برنامج الفرنت بيج أمسح الاكواد الموجودة بالصفحة ..

http://www.abc4web.net/vb/imgcache/3371.abc4web

ثم أختر خصائص الصفحة أو page properties كما بالصورة
http://www.abc4web.net/vb/imgcache/3372.abc4web

ثم أختر القيمة التي بالشكل القادم..

http://www.abc4web.net/vb/imgcache/3373.abc4web

بعدها قم بأنشاء جدول مكون من ثلاث صفوف وثلاث أعمدة

http://www.abc4web.net/vb/imgcache/3374.abc4web

الان قم بالضغط علي زر الماوس الايمن علي الجدول وأختر table properties كما بالشكل

http://www.abc4web.net/vb/imgcache/3375.abc4web

ضع القيم مثل ما هي موجودة بالصورة

http://www.abc4web.net/vb/imgcache/3376.abc4web

أصبح شكل الجدول كما هو موضح بالصورة التالية

http://www.abc4web.net/vb/imgcache/3377.abc4web

الان نقوم بأدارج الاربع زوايا .. قطعتين بأعلي وقطيعتين بأسفل كما هو موضح بالشكل

http://www.abc4web.net/vb/imgcache/3378.abc4web

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

http://www.abc4web.net/vb/imgcache/3379.abc4web

الان قم بالضغط علي الخلية الوسطي بأعلي وأختر تقسيم الخلية .. أو splite

http://www.abc4web.net/vb/imgcache/3380.abc4web

حدد 3 أعمدة كما بالصورة ثم أضغط موافق

http://www.abc4web.net/vb/imgcache/3381.abc4web

رتب باقي الصور الخاصة بالهيدر التي قطعناها لتصبح بهذا الشكل
ثم أعطي الخلية اليمني محاذاه يمين واليسري محاذاة يسار والوسطي محاذاه وسط
لتصبح بهذا الشكل

http://www.abc4web.net/vb/imgcache/3382.abc4web

الان قم بالضغط علي الخلية الوسطي بأسفل وأختر تقسيم الخلية .. أو splite

http://www.abc4web.net/vb/imgcache/3383.abc4web

حدد 3 أعمدة كما بالصورة ثم أضغط موافق
http://www.abc4web.net/vb/imgcache/3384.abc4web

رتب باقي الصور الخاصة بالفووتر التي قطعناها لتصبح بهذا الشكل
ثم أعطي الخلية اليمني محاذاه يمين واليسري محاذاة يسار
والوسطي محاذاه وسط
لتصبح بهذا الشكل
http://www.abc4web.net/vb/imgcache/3385.abc4web

الان أدخل من الفرنت بيج لمنطقة الاكواد وحدد كما هو موضح بالصورة
ثم قم بحذف أي كود مشابهه له
http://www.abc4web.net/vb/imgcache/3386.abc4web

الان أدخل الخلية الوسطي البيضاء التي لم نضع بها التصميم وسوي محاذاة وسط
وأدخل منطقة الكود وحدد الجزء العلوي كما بالشكل

http://www.abc4web.net/vb/imgcache/3387.abc4web

أدخل لوحة التحكم ومنها خيارات ضبط الاستايلات

http://www.abc4web.net/vb/imgcache/3388.abc4web
ثم أختر أذهب للتعديل علي الاستايل
http://www.abc4web.net/vb/imgcache/3389.abc4web

ستجد منطقة الهيدر أمسح كل ما بها ما عدا
$spacer_open
$_phpinclude_output
ضع بها الكود المححد بأعلي
بعدها خذ الكود المحدد بالفرنت بيج بالاسفل وضعه بأخر الفووتر

http://www.abc4web.net/vb/imgcache/3390.abc4web

ثم أنزل لاخر الصفحة .. بعد وضع كود الفووتر وأختر حفظ

http://www.abc4web.net/vb/imgcache/3391.abc4web

ليصبح شكل الاستايل كذا

http://www.abc4web.net/vb/imgcache/3392.abc4web

http://www.abc4web.net/vb/imgcache/3393.abc4web
.
منقــ(مع أجمل تحية للكاتب)ـــول
أبو هــــMــــام
.

[الدمشقي]

جزاك الله خيراً

[AlmajedGroup]

جزاك الله خيراً

[Khaled J. Ahmad]

مشكور ابو همام

[مُجمع الخبرات]

أشكرك جزل الشكر أخي أبو همام

مجهود رائع وتعب لن يذهب سدا :abc_050:

وفقك الله لما يحبه ويرضاه

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[محمود عفيفى]

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