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

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

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

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

ونبدأ علي بركة الله

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

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

ثم توجة إلي برنامج الفرنت بيج وقم بفتح




https://mwadah.com/images/imgcache/2007/01/516.imgcache

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

https://mwadah.com/images/imgcache/2007/01/517.imgcache

ثم أختر خصائص الصفحة أو page properties كما بالصورة

https://mwadah.com/images/imgcache/2007/01/518.imgcache

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

https://mwadah.com/images/imgcache/2007/01/519.imgcache

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

https://mwadah.com/images/imgcache/2007/01/520.imgcache

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

https://mwadah.com/images/imgcache/2007/01/521.imgcache

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

https://mwadah.com/images/imgcache/2007/01/522.imgcache

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

https://mwadah.com/images/imgcache/2007/01/523.imgcache

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

https://mwadah.com/images/imgcache/2007/01/524.imgcache

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

https://mwadah.com/images/imgcache/2007/01/525.imgcache

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

https://mwadah.com/images/imgcache/2007/01/526.imgcache

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

https://mwadah.com/images/imgcache/2007/01/527.imgcache

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

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

https://mwadah.com/images/imgcache/2007/01/528.imgcache

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

https://mwadah.com/images/imgcache/2007/01/529.imgcache

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

https://mwadah.com/images/imgcache/2007/01/530.imgcache

رتب باقي الصور الخاصة بالفووتر التي قطعناها لتصبح بهذا الشكل

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

https://mwadah.com/images/imgcache/2007/01/531.imgcache

الان أدخل من الفرنت بيج لمنطقة الاكواد وحدد كما هو موضح بالصورة
ثم قم بحذف أي كود مشابهه له
https://mwadah.com/images/imgcache/2007/01/532.imgcache

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

https://mwadah.com/images/imgcache/2007/01/533.imgcache


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

https://mwadah.com/images/imgcache/2007/01/534.imgcache

ثم أختر أذهب للتعديل علي الاستايل

https://mwadah.com/images/imgcache/2007/01/535.imgcache

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

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

https://mwadah.com/images/imgcache/2007/01/536.imgcache

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

https://mwadah.com/images/imgcache/2007/01/537.imgcache

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

https://mwadah.com/images/imgcache/2007/01/538.imgcache
https://mwadah.com/images/imgcache/2007/01/539.imgcache

شكرا لك ... بارك الله فيك ... تحياتي .

شكرا لك وفقك الله

والله من زمان ادور على هذا الدرس

بس يا خسارة هنا لقيته بالانجليزي وحاولت اطبقة على الفرونت بيج عربي وما ضبط معاي


الله يعطيك العافية

فعلا الكل يدور على هذا الدرس

بعد اذنك اخوي
ابي انقله باسم المنتدى الموده وباسم كاتبه

اذا موافق

ومشكور يالغالي

العفو والله يعافيكم يا رب اسعدني مروركم