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

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

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

منتديات عراقــ الاجيالــ

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

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

ثم أختر خصائص الصفحة أو page properties كما بالصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم أختر القيمة التي بالشكل القادم..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعدها قم بأنشاء جدول مكون من ثلاث صفوف وثلاث أعمدة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الان قم بالضغط علي زر الماوس الايمن علي الجدول وأختر table properties كما بالشكل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ضع القيم مثل ما هي موجودة بالصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
أصبح شكل الجدول كما هو موضح بالصورة التالية

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

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][center]الان قم بالضغط علي الخلية الوسطي بأعلي وأختر تقسيم الخلية .. أو splite
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
حدد 3 أعمدة كما بالصورة ثم أضغط موافق
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
رتب باقي الصور الخاصة بالهيدر التي قطعناها لتصبح بهذا الشكل
ثم أعطي الخلية اليمني محاذاه يمين واليسري محاذاة يسار والوسطي محاذاه وسط
لتصبح بهذا الشكل

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][center]الان قم بالضغط علي الخلية الوسطي بأسفل وأختر تقسيم الخلية .. أو splite
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
حدد 3 أعمدة كما بالصورة ثم أضغط موافق
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
رتب باقي الصور الخاصة بالفووتر التي قطعناها لتصبح بهذا الشكل
ثم أعطي الخلية اليمني محاذاه يمين واليسري محاذاة يسار والوسطي محاذاه وسط
لتصبح بهذا الشكل

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][center]أدخل لوحة التحكم ومنها خيارات ضبط الاستايلات
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ثم أختر أذهب للتعديل علي الاستايل

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

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

ثم أنزل لاخر الصفحة .. بعد وضع كود الفووتر وأختر حفظ
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ليصبح شكل الاستايل كذا

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

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

[/center]

[/center]

[/center]

[/center]

[/center]
..[/center]

رائع جاري التطبيق يا مميز تحياتي

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

شكرا لمرورك حبي تحياتي

يسلموووو واااصل يامبدع

» دورة عمل استايل منتديات عراق الاجيال %%% الدرس الثالث] كيفيه أخراج وتقطيع التصميم من الفوتوشوب
» دورة عمل استايل منتديات عراق الاجيال [ الدرس السابع] كيفيه تركيب الاطارات علي الاقسام بواسطة الفرنت بيج
» دورة عمل استايل منتديات عراق الاجيال [الدرس السادس] كيفيه أخراج و تقطيع الاطارات من الفوتوشوب
» دورة عمل استايل منتديات عراق الاجيال :الدرس الاول-الادوات اللازمة:
» دورة عمل استايل منتديات عراق الاجيال الدرس الثاني] كيفية تصميم الاستايل بالفوتوشوب [2]