السلام عليكم ورحمة الله
كيف حالكم أخواني الكرام
اليوم أطرح لكم طريقة تركيب الاستايل علي المنتدي بعد ان قطعناه
ونبدأ علي بركة الله
[الدرس الثالث] كيفيه تركيب التصميم بالفرنت بيج وتركيبه علي المنتدي
أولاً ضع مجلد الاستايل الذي قمنا بتقطيعة داخل مجلد الصور الذي بداخل المنتدي
ثم توجة إلي برنامج الفرنت بيج وقم بفتح
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
