net24
18-03-2006, 04:45 PM
بعد السلام والتحية
وحشتونى
طبعا زى ماكنتم متابعين احنا خلصنا شرح الحلقة الاولى ([Only registered and activated users can see links]) وايضا شرح الحلقة الثانية ([Only registered and activated users can see links])من الدورة
ويتبقى لنا الحلقة الاخيرة
الخاصة بتركيب الاستايل فى الفرونت بيج ثم تغيير اعدادت الاستايل كا الالوان وغيره
كنت قد شرحت طريقة تغيير الالوان شرح مفصل ولكن وجدت شرح فى موقع ترايدنت شرح رااااااااااااائع عن جد كانك فى لوحة التحكم لذا قمت باستبدال هذا الجزء من شرحى بالجزء الجديد
فى الشرح انا قمت بالتركيب منتدى على سيرفر شخصى
ومن يريد طريقة التركيب للمنتدى على سيرفر شخصى يجدها فى هذا الموضوع
[Only registered and activated users can see links]
الان نبدأ الشرح بسم الله الرحمن الرحيم
انتهينا فى الحقة السابقة من تقطيع الاستايل
والان نحتاج الفرونت بيج لتركيب الاستايل المقطع
قم بفتح الفرونت بيج وافعل كما بالصورة الاتية:
[Only registered and activated users can see links]
ثم الاتى:
[Only registered and activated users can see links]
ثم اختار اتجاه الصفحة كما بالصورة الاتية:
[Only registered and activated users can see links]
ثم نقوم بانشاء جدول مكون من 3 اعمدة و 3 صفوف كالاتى:
[Only registered and activated users can see links]
فيكون كالاتى:
[Only registered and activated users can see links]
نضغط كليك يمين الماوس فى اى عمود او صف ونختار الاتى:
[Only registered and activated users can see links]
ثم نقوم بتغيير الارقام ونجعلها كما فى المربعات لاحظ الاتى:
[Only registered and activated users can see links]
فيصبح الشكل النهائى كالاتى:
[Only registered and activated users can see links]
الان حان وقت ادراج الصور والخلايا فى الصفوف والاعمدة لادراج صورة نضغط الايقونة التالية:
[Only registered and activated users can see links]
نضع الماوس داخل العمود الاول يمين فى الصف الاول ثم نختار الصورة الاتية up-right كما بالصورة الاتية:
[Only registered and activated users can see links]
ثم نكرر نفس الخطوة على العمود الثالث فى الصف الاول ونختار الصورة up-left ثم نذهب للعمود الاول فى الصف الثالث ثم ندرج الصورة down-right ثم نكرر نفس الخطوة على العمود الثالث فى الصف الثالث وندرج الصورةdown-left ( نلاحظ اننا قمنا ب ادراج الزوايا) لينتج الشكل الاتى:
[Only registered and activated users can see links]
نلاحظ فى الصورة السابقة انه يبتقى لدينا 4 اماكن لم نقوم بادراج صور فيها وهى المناطق الموجودة عليها مربعات حمراء
الان نريد ادراج خلية التمدد فى هذه المربعات ويكون ذلك كالاتى:
نختار الخلية الثانية فى الصف الاول ونضغط كليك يمين الماوس عليها كما بالصورة:
[Only registered and activated users can see links]
ثم نضغطbrowse كالاتى:
[Only registered and activated users can see links]
ثم نختار صورة العمود اليمين right-ver كالاتى:
[Only registered and activated users can see links]
لينتج الاتى:
[Only registered and activated users can see links]
ثم نكرر نفس الخطوة ونختار العمود الايسر left-ver ليصبح لدينا الشكل الاتى:
[Only registered and activated users can see links]
الان يتبقى لدينا 3 مربعات فاضية وهى التى عليها علامة مربعات حمراء
نضع الماوس فى المربع الثانى من الصف الاول ونضغط كليكي يمين ونختار الاتى:
[Only registered and activated users can see links]
ثم نختار الصورة up-back وهى الخاصة بخلفية تمدد الهيدر
ونجعل اعدادات كاالاتى:
[Only registered and activated users can see links]
فيصبح لدينا الاتى:
[Only registered and activated users can see links]
الان نكرر نفس العملية مع خلفية تمدد الفوتر
نختار المربع الثانى فى الصف الثانى او العمود الثانى(نفس المكان) [Only registered and activated users can see links] ونختار الصورةdown-back كما بالصورة:
[Only registered and activated users can see links]
ونجعل الاعدادات كالاتى:
[Only registered and activated users can see links]
فنلاحظ انا الشكل اصبح كالتالى:
[Only registered and activated users can see links]
الان يتبقى لنا 4 صور لم نركبها بعد وهى :
1-up-right-top
2-up-left-top
3-down-right-bottom
4-down-left-bottom
ولتركيبهم نقوم بالتالى:
نذهب الى خانة تمدد الهيدر (المربع الثانى من الصف الاول)
ونضع الماوس عليها ثم نضغط كليك يمين ونختار الاتى:
[Only registered and activated users can see links]
ونجعل الاعدادات كما بالصورة الاتية:
[Only registered and activated users can see links]
فيصبح لدينا خليتان كما بالصورة:
[Only registered and activated users can see links]
نذهب للخلية رقم1 ونضع الماوس بها ثم نختار ايقونة ادراج صورة[Only registered and activated users can see links]
ونختار الصورة up-right-top كما بالصورة:
[Only registered and activated users can see links]
ثم نكرر نفس العملية مع الخلية رقم 2 ولكن نختار الصورة up-left-top كما بالصورة
[Only registered and activated users can see links]
ليصبح الهيدر كالتالى:
[Only registered and activated users can see links]
الان نفعل مع الفوتر نفس الكلام
نذهب للفوتر ونضع الماوس عليه ونضغط كليك يمين ونختار الاتى:
[Only registered and activated users can see links]
ونجعل الاعدادات كما بالصورة:
[Only registered and activated users can see links]
فينقسم لخليتين كما بالصورة:
[Only registered and activated users can see links]
نذهب للخلية الاولى ونختار ادراج صورة [Only registered and activated users can see links]
ونختار الصورة down-right-bottom كالاتى:
[Only registered and activated users can see links]
ثم نفس الكلام مع الخلية الثانية ونختار الصورة down-left-bottom
[Only registered and activated users can see links]
الان انتهينا من تركيب الاستايل فى الفرونت بيج كالاتى:
[Only registered and activated users can see links]
ونستطيع رؤية الاستايل مظبوط كالاتى:
[Only registered and activated users can see links]
الان وقت تركب الاستايل فى المنتدى
نريد ان نقسم الاستايل فى الفرونت بيج الى قسمين
قسم نقوم بتركيبه فى الهيدر وقسم فى الفوتر تابع الصورة:
[Only registered and activated users can see links]
بعد ان قمنا بالتوسيط كما فى الصورة السابقة نذهب الى تعليمات برمجية كما فى الصورة الاتية:
[Only registered and activated users can see links]
قمت بتلوين كل جزء من الصورة السابقة بلون مختلف حتى لايحدث اى خطا لكم وانتم تتابعون الشرح
نلاحظ ان روابط الصور على جهازى انا وهكذا انا فقط استطيع رؤية الاستايل ولا يستطيع اى شخص اخر رؤيته لذا قم بتغيير الروابط الى روابط موقعك (روابط المجلد الذى سترفع الصور له)
الان بعد ان قمنا بتغيير الروابط حسب مايناسبنا
نذهب الى لوحة تحكم المنتدى
ونختار كما بالصورة:
[Only registered and activated users can see links]
ثم الان نلاحظ الصورة الاتية:
[Only registered and activated users can see links]
كل مانحتاجه هو مربع الهيدر ومبرع الفوتر (قمت باخفاء المربعين الاخرين حتى لا يحدث لكم اى ارتباك فى الشرح)ماتقربوش منهم[Only registered and activated users can see links]
الان شغلنا على مربع الهيدر كالاتى:
نلاحظ الكود المظلل بلون اصفر خفيف هذا الكود نتركه كما هو ونقوم بمسح مافوقه ونستبدله بالجزء الاصفر الموجود فى الفرونت بيج فى التعليمات البرمجية
الان مربع الفوتر
نلاحظ فى اخر المربع فيه كود مظلل ننزل الى اخر الكود فى الفوتر ونقوم باضافة الكود المظلل ب لون اخضر فااتح الموجود فى الفرونت بيج فى التعليمات البرمجية فىاسف الفوتر (اخر حاجة تحت)
ثم نضغط حفظ
الان نذهب للمنتدى ونراه يظهر كالاتى:
[Only registered and activated users can see links]
نلاحظ وجود مسافات قليلة بين حدود الاستايل والصفحة كما تشير الاسهم فى الصورة السابقة
ولظبط هذه المسافات وجعل الاستايل مظبوط على الصفحة
نذهب الى لوحة التحكم ونقوم بالتالى:
[Only registered and activated users can see links]
ثم نلاحظ فى الصورة الاتية الكود المظلل بلون اصفر فاتح
نلاحظ وجود ارقام كالاتى 5.10.10.10
[Only registered and activated users can see links]
نقوم بتغييرها كلها الى الرقم 0(صفر).
الان نذهب للمنتدى نجد انه مظبوط
الان انتهى الشرح بحمد الله
يبقى شئ اخير وهو شرح تلوين باقى الاستايل
مثل شريط التمرير او لون الخط او لون الوصلات كل مايخص الوان المنتدى وطبعا يجب تغييرها لتلائم الوان الاستايل
اليكم هذا الشرح التحفة[Only registered and activated users can see links]
الشرح هذا لعضو فى معهد ترايدنت لكن عجبتنى فكرته لوضوحها وسهولتهاف وضعتها لكم
[Only registered and activated users can see links] ([Only registered and activated users can see links])
وفيه تلاحظون شرح مكان كل شئ فى المنتدى حتى تعرف اى منطقة تقوم بتلوينها
الان اقدر اقول ان الدورة انتهت
الحمد لله والشكر لله
واتمنى الله العلى القدير ان اكون وفقت فى الشرح والله يعلم كم اخذ من وقت وجهد لمحاولة تبسيط الشرح جدا
واى استفسار انا حاضر وتحياتى
وحشتونى
طبعا زى ماكنتم متابعين احنا خلصنا شرح الحلقة الاولى ([Only registered and activated users can see links]) وايضا شرح الحلقة الثانية ([Only registered and activated users can see links])من الدورة
ويتبقى لنا الحلقة الاخيرة
الخاصة بتركيب الاستايل فى الفرونت بيج ثم تغيير اعدادت الاستايل كا الالوان وغيره
كنت قد شرحت طريقة تغيير الالوان شرح مفصل ولكن وجدت شرح فى موقع ترايدنت شرح رااااااااااااائع عن جد كانك فى لوحة التحكم لذا قمت باستبدال هذا الجزء من شرحى بالجزء الجديد
فى الشرح انا قمت بالتركيب منتدى على سيرفر شخصى
ومن يريد طريقة التركيب للمنتدى على سيرفر شخصى يجدها فى هذا الموضوع
[Only registered and activated users can see links]
الان نبدأ الشرح بسم الله الرحمن الرحيم
انتهينا فى الحقة السابقة من تقطيع الاستايل
والان نحتاج الفرونت بيج لتركيب الاستايل المقطع
قم بفتح الفرونت بيج وافعل كما بالصورة الاتية:
[Only registered and activated users can see links]
ثم الاتى:
[Only registered and activated users can see links]
ثم اختار اتجاه الصفحة كما بالصورة الاتية:
[Only registered and activated users can see links]
ثم نقوم بانشاء جدول مكون من 3 اعمدة و 3 صفوف كالاتى:
[Only registered and activated users can see links]
فيكون كالاتى:
[Only registered and activated users can see links]
نضغط كليك يمين الماوس فى اى عمود او صف ونختار الاتى:
[Only registered and activated users can see links]
ثم نقوم بتغيير الارقام ونجعلها كما فى المربعات لاحظ الاتى:
[Only registered and activated users can see links]
فيصبح الشكل النهائى كالاتى:
[Only registered and activated users can see links]
الان حان وقت ادراج الصور والخلايا فى الصفوف والاعمدة لادراج صورة نضغط الايقونة التالية:
[Only registered and activated users can see links]
نضع الماوس داخل العمود الاول يمين فى الصف الاول ثم نختار الصورة الاتية up-right كما بالصورة الاتية:
[Only registered and activated users can see links]
ثم نكرر نفس الخطوة على العمود الثالث فى الصف الاول ونختار الصورة up-left ثم نذهب للعمود الاول فى الصف الثالث ثم ندرج الصورة down-right ثم نكرر نفس الخطوة على العمود الثالث فى الصف الثالث وندرج الصورةdown-left ( نلاحظ اننا قمنا ب ادراج الزوايا) لينتج الشكل الاتى:
[Only registered and activated users can see links]
نلاحظ فى الصورة السابقة انه يبتقى لدينا 4 اماكن لم نقوم بادراج صور فيها وهى المناطق الموجودة عليها مربعات حمراء
الان نريد ادراج خلية التمدد فى هذه المربعات ويكون ذلك كالاتى:
نختار الخلية الثانية فى الصف الاول ونضغط كليك يمين الماوس عليها كما بالصورة:
[Only registered and activated users can see links]
ثم نضغطbrowse كالاتى:
[Only registered and activated users can see links]
ثم نختار صورة العمود اليمين right-ver كالاتى:
[Only registered and activated users can see links]
لينتج الاتى:
[Only registered and activated users can see links]
ثم نكرر نفس الخطوة ونختار العمود الايسر left-ver ليصبح لدينا الشكل الاتى:
[Only registered and activated users can see links]
الان يتبقى لدينا 3 مربعات فاضية وهى التى عليها علامة مربعات حمراء
نضع الماوس فى المربع الثانى من الصف الاول ونضغط كليكي يمين ونختار الاتى:
[Only registered and activated users can see links]
ثم نختار الصورة up-back وهى الخاصة بخلفية تمدد الهيدر
ونجعل اعدادات كاالاتى:
[Only registered and activated users can see links]
فيصبح لدينا الاتى:
[Only registered and activated users can see links]
الان نكرر نفس العملية مع خلفية تمدد الفوتر
نختار المربع الثانى فى الصف الثانى او العمود الثانى(نفس المكان) [Only registered and activated users can see links] ونختار الصورةdown-back كما بالصورة:
[Only registered and activated users can see links]
ونجعل الاعدادات كالاتى:
[Only registered and activated users can see links]
فنلاحظ انا الشكل اصبح كالتالى:
[Only registered and activated users can see links]
الان يتبقى لنا 4 صور لم نركبها بعد وهى :
1-up-right-top
2-up-left-top
3-down-right-bottom
4-down-left-bottom
ولتركيبهم نقوم بالتالى:
نذهب الى خانة تمدد الهيدر (المربع الثانى من الصف الاول)
ونضع الماوس عليها ثم نضغط كليك يمين ونختار الاتى:
[Only registered and activated users can see links]
ونجعل الاعدادات كما بالصورة الاتية:
[Only registered and activated users can see links]
فيصبح لدينا خليتان كما بالصورة:
[Only registered and activated users can see links]
نذهب للخلية رقم1 ونضع الماوس بها ثم نختار ايقونة ادراج صورة[Only registered and activated users can see links]
ونختار الصورة up-right-top كما بالصورة:
[Only registered and activated users can see links]
ثم نكرر نفس العملية مع الخلية رقم 2 ولكن نختار الصورة up-left-top كما بالصورة
[Only registered and activated users can see links]
ليصبح الهيدر كالتالى:
[Only registered and activated users can see links]
الان نفعل مع الفوتر نفس الكلام
نذهب للفوتر ونضع الماوس عليه ونضغط كليك يمين ونختار الاتى:
[Only registered and activated users can see links]
ونجعل الاعدادات كما بالصورة:
[Only registered and activated users can see links]
فينقسم لخليتين كما بالصورة:
[Only registered and activated users can see links]
نذهب للخلية الاولى ونختار ادراج صورة [Only registered and activated users can see links]
ونختار الصورة down-right-bottom كالاتى:
[Only registered and activated users can see links]
ثم نفس الكلام مع الخلية الثانية ونختار الصورة down-left-bottom
[Only registered and activated users can see links]
الان انتهينا من تركيب الاستايل فى الفرونت بيج كالاتى:
[Only registered and activated users can see links]
ونستطيع رؤية الاستايل مظبوط كالاتى:
[Only registered and activated users can see links]
الان وقت تركب الاستايل فى المنتدى
نريد ان نقسم الاستايل فى الفرونت بيج الى قسمين
قسم نقوم بتركيبه فى الهيدر وقسم فى الفوتر تابع الصورة:
[Only registered and activated users can see links]
بعد ان قمنا بالتوسيط كما فى الصورة السابقة نذهب الى تعليمات برمجية كما فى الصورة الاتية:
[Only registered and activated users can see links]
قمت بتلوين كل جزء من الصورة السابقة بلون مختلف حتى لايحدث اى خطا لكم وانتم تتابعون الشرح
نلاحظ ان روابط الصور على جهازى انا وهكذا انا فقط استطيع رؤية الاستايل ولا يستطيع اى شخص اخر رؤيته لذا قم بتغيير الروابط الى روابط موقعك (روابط المجلد الذى سترفع الصور له)
الان بعد ان قمنا بتغيير الروابط حسب مايناسبنا
نذهب الى لوحة تحكم المنتدى
ونختار كما بالصورة:
[Only registered and activated users can see links]
ثم الان نلاحظ الصورة الاتية:
[Only registered and activated users can see links]
كل مانحتاجه هو مربع الهيدر ومبرع الفوتر (قمت باخفاء المربعين الاخرين حتى لا يحدث لكم اى ارتباك فى الشرح)ماتقربوش منهم[Only registered and activated users can see links]
الان شغلنا على مربع الهيدر كالاتى:
نلاحظ الكود المظلل بلون اصفر خفيف هذا الكود نتركه كما هو ونقوم بمسح مافوقه ونستبدله بالجزء الاصفر الموجود فى الفرونت بيج فى التعليمات البرمجية
الان مربع الفوتر
نلاحظ فى اخر المربع فيه كود مظلل ننزل الى اخر الكود فى الفوتر ونقوم باضافة الكود المظلل ب لون اخضر فااتح الموجود فى الفرونت بيج فى التعليمات البرمجية فىاسف الفوتر (اخر حاجة تحت)
ثم نضغط حفظ
الان نذهب للمنتدى ونراه يظهر كالاتى:
[Only registered and activated users can see links]
نلاحظ وجود مسافات قليلة بين حدود الاستايل والصفحة كما تشير الاسهم فى الصورة السابقة
ولظبط هذه المسافات وجعل الاستايل مظبوط على الصفحة
نذهب الى لوحة التحكم ونقوم بالتالى:
[Only registered and activated users can see links]
ثم نلاحظ فى الصورة الاتية الكود المظلل بلون اصفر فاتح
نلاحظ وجود ارقام كالاتى 5.10.10.10
[Only registered and activated users can see links]
نقوم بتغييرها كلها الى الرقم 0(صفر).
الان نذهب للمنتدى نجد انه مظبوط
الان انتهى الشرح بحمد الله
يبقى شئ اخير وهو شرح تلوين باقى الاستايل
مثل شريط التمرير او لون الخط او لون الوصلات كل مايخص الوان المنتدى وطبعا يجب تغييرها لتلائم الوان الاستايل
اليكم هذا الشرح التحفة[Only registered and activated users can see links]
الشرح هذا لعضو فى معهد ترايدنت لكن عجبتنى فكرته لوضوحها وسهولتهاف وضعتها لكم
[Only registered and activated users can see links] ([Only registered and activated users can see links])
وفيه تلاحظون شرح مكان كل شئ فى المنتدى حتى تعرف اى منطقة تقوم بتلوينها
الان اقدر اقول ان الدورة انتهت
الحمد لله والشكر لله
واتمنى الله العلى القدير ان اكون وفقت فى الشرح والله يعلم كم اخذ من وقت وجهد لمحاولة تبسيط الشرح جدا
واى استفسار انا حاضر وتحياتى