بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته : -
سوف نقوم بإذن الله بإيقاف كلمة [caution]ممكن لو سمحت ترقى لى الإستايل [/caution][caution]هذا الموضوع لتقديم ترقيات الإستيلات[/caution]
نود القضاء على هذه الكلمات نهائياً ،، المهم هذا الدرس على تحفة الإستيلات العربية الإسلامية
شخصاً عرفناه بالكرم والسخاء
فإسمحوا لى أن أقف له إحتراماً وتحية لأخ غالى على قلوبنا فتح صرح عظيم للتلاقى وإكتساب المعرفة
أخاً وأيضا بالنسبة للصغار أباً وبالنسبة للكثير أستاذنا ،، الأخ :
تركي الودعانى
بسم الله نبدا الدرس
أولا سوف يتم شرح الترقيه السليمة 100% على إستايل النور
لاخونا الغالى ومبدعنا تركى الودعانى
أحبب تصحيح العنوان
ليست ترقية كما يتخيل البعض
ولاكن إعادة توزيع الإستايل كامل من الصفر إلى التركيب بحلته الجديده
لتحميل الإستايل
اضغط هنا
الأن بعد تحميل ملف الصور سوف يظهر امامك
نقوم بحزف مجلدات الصور التالية
السبب في حذف هذه المجلدات اغلبها لا يوجد لها مسار فى ملف الإستايل
والآخر تم إستبداله بإيقونات زائده
الأن نأتي للمهم وهوه الإحتفاظ ببعض القوالب التى سوف نحاجها مع إعادة التوزيع من جديد
------------------------------------------------------------------------------------------------
الإستيلات والقوالب
القوالب الشائعة كما سوف توضح الصورة
ونحتفظ بهم فى ملف txt
كلا على حده
والأن نخرج قالب FORUMHOME ونتحتفظ فيه فى ملف txt
نضيف إستايل جديد نظيف تماماً
أتبع الصورة
ثم نبدأ بإرجاع الهيدر والفوتر كما كانو ولكن تابع الدرس ولا تتعجل
أرجع الهيدر على الإستايل الجديد
نأتى الآن بقالب الهيدر header ونضعه مباشرة مكان الهيدر فى الإستايل الجديد الذى أضفناه للتو
اما الفوتر footer نتظر قليلاً
نأتى بملف التكست الخاص فيه ونفتح برنامج الفرونت بيج ونضع القالب
لقد تعودنا دائما حين توزيع إستايل نقوم بوضع الفوتر فى أخر القالب
الأن نضع القالب فى الفرونت بيج ونبحث عن
كود PHP:
</script>
ونظلل ما أسفله كامل
كما موضح بالصورة التالية الصورة تتحد اكثر من الشرح بالكلام
ونضع ما ظللناه آخر قالب الفوتر الجديد كما كان بدون أي تعديل
طبعا الذين لديهم خبره براحتهم يفعلون ما يريدون
صورة لوضع الفوتر
والآن تم بحمد الله ،، انتهينا من توزيع الهيدر والفوتر
تبقى لدينا الأن ملف تكست الذى احتفظنا فيه في بادئ الأمر وهوه قالب FORUMHOME
نفتح القالب فى الفرونت بيج
الله يرضى عليك ركز هنا
الآن ما سوف نقوم بيه هوه تكمله للإستايل لا أكثر وهوه توزيع الصور التجميلية على باقى أجزاء الإستايل بس الأن نريد أخذ الكود الخاص بالصورة التجميلية العلوية والسفلية
بعد وضع قالب الفورم هوم فى الفرونت بيج لاحظ معي بالصور
لأننا نريد أخذ كافة الصور هذه
بالله عليك ركز جيدا
فإنك من الممكن أن تقابل تطاير جدول وليس صور تجميلية فقط كما فى شرحنا اليوم
الامر لا يختلف كثيرا ولكن لا بد لك من المعرفه ببعض أوامر الفرونت بيج واكواده
الان ركز على الصورة القادمة لأننا منها سوف نعرف بداية ونهاية الصورة التجميلية العلوية والسفلية
نعمل أنقسام للصفحة فى الفرونت بيج
ثم نحدد التيبل العلوى الصورة سوف تتحدث أكثر وبعد أخذ التيبل كما هوه نضعه فى ملف تكست أو في صفحة جديدة فى الفرونت بيج
المهم ركزو بالله على هذه الصورة
الأن نقف فى منتصف التيبل الذى أمامنا والصفحة تكون انقسام ونفعل ما سوف تروه بالصورة القادمة
ما شاء الله والله الدرس غاية فى السهولة حتى الأن ما أعتقد أحد عندة أعتراض حتى الأن
نكرر هذه العملية على الصور السفلية
بما فعلنا
تم الأحتفاظ بالصور التجميلية
كاملة علوية وسفلية
الأن نأتى لتوزيع الصور على القوالب التى نحتاج بها الصور التجميلية
القوالب التى سوف يتم إرجاع الصور عليها هي كالتالي :
قالب الفورم هوم FORUMHOME هذا القالب مختص بظهور رئيسية المنتدى فيجب توزيع الصور عليه لإكتمال التصميم
قالب الفورم هوم دسبلي FORUMDISPLAY وهذا القالب خاص بظهور الأقسام الداخلية وعناوين المواضيع
قالب الناف بار navbar خاص بمنطقة تسجيل دخول الأعضاء والتنقل بين الصفحات حين تجولك داخل المنتدى ورسائل .. إلخ
قالب الشوزرد SHOWTHREAD خاص بظهور قالب الموضوع والرد السريع
نبدأ على بركة الله بقالب الفورم هوه ولمن أراد الأقسام مفصولة يحمل هذا الشرح اضغط هنا
الأن ركزو على الصورة
نخرج قالب الفورم هوم FORUMHOME من الإستايل الجديد ونضعة فى الفرونت بيج
وكل ما علينا معرفة بداية ونهاية المناطق التى يتوجب وضع الصور التجميلية بها
تم في الجزء الذى شرحناه اخذ الصور التجميلية العلوية والسفلية بنجاح ووضعناها فى الفرونت بيج فأصبح لدينا الصورة التالية
والأن سوف نقوم بوضع الصور فى الأجزاء الخاصة بها
كما سوف توضح الصورة التالية النمنطقة العلوية للأقسام
وهذه الصورة سوف توضح المنطقة السفلية فى منطقة الفورم هوم المختصه بالأقسام
بما تم نكون وزعنا الصور التجميلية على منطقة الأقسام الرئيسية التى تظهر فى الرئيسية للمنتدى
تبقى عندنا الإحصائيات
بالله إن كنت فقدت التركيز ارتح شوي ،، لأن الذي سوف يتم لن يختلف عن ما تم من قبل ولكن بإختلاف فقط المناطق التى وضعنا بها الصور
الأن منطقة الإحصائيات الصور التجميلية العلوية
الان منطقة الصور التجميلية السفلية
إنتهينا من توزيع كامل الصور فى قالب الفورم هوم FORUMHOME الرئيسية للمنتدى
نأتى الأن بقالب الناف بار navbar
ونضعة فى الفرونت بيج وإن فهمت الجزء الذى فات فانك سوف تعلم تلقائى أين توضع الصور التجميلية
مع تواجد درس سابق تم إعدادة من قبلى يمكنك مراجعتة على الرابط التالى اضغط هنا
وكان الدرس مختص بتأطير قالب الناف بار ولكن أيضا سوف نشرحه اليوم
نذهب إلى المنتدى أياً كان سيرفر أباتشي أو قائم على النت طبعاُ مع مراعات مسار الصور جيداُ
المهم نأتى بقالب الناف بار navbar
نضعه فى صفحه جديده فى الفرونت بيج مع إذالة كافة الأكواد الموجوده
نبدء بالبحث عن الكود
كود PHP:
<!-- breadcrumb, login, pm info -->
ونضع أسفله الصور التجميلية العلوية
ثم نبحث عن الكود
مواقع النشر (المفضلة)