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

ولكن كما هو معهود نضع لكم الإصدار للتقييم قبل نزول الإصدار للتحميل وهذا الإصدار يحوي بطياته أشياء لم تكن موجودة من قبل وقد تم وضع أقتراحاتكم وملاحظاتكم
قيد التنفيذ وقد تم تنفيذ معظمها بحول من الله وقوته هذا وأسالكم الدعاء لي ولوالدي
الإصدار الجديد 4.1
أذا تجولنا لكي نستعرض الأصدار الجديد المطور فسنجد به مميزات جميله سهلت على المستخدم الكريم العمل مع المكتبة
أولا الشكل العام للسكربت من واجهة العرض
جعل القائمة الرئيسية في قائمة منسدله بالوقوف على القسم ينسدل منها الأقسام الداخليه وهذه ميزة جميلة قد وضعنها لتقليل عدد صفحات التصفح وأجمل في الشكل العام
2- جعل بلوك ساهم معنا في قائمة منسدله لأن الكثير من الأخوة كان لا يستحسن طول قائمة ساهم معنا فبهذه القائمة المنسدلة تم حل المشكلة
3- أمكانية اختيار بلوكين متجانبين في الأصدارات القديمة بلوك أسفل بلوك وهكذا أما بهذا الإصدار يمكنك من أختيار بلوك واحد أو أثنين بالسطر الواحد ( من لوحة التحكم )
4- تم أضافة بلوك جديد الموقع في شريط متحرك يأخذ الجديد في كل قسم ويتم عرضه مثل شريط أخر عشر مواضيع بالمنتديات
5- تم حل مشكلة القائمة البريدية ويمكنك من إضافة أي عدد من الإيميلات في ملف التكست المرفوع داخل المكتبة وتراسلهم كما تشاء
6- تم أضافة صندوق أدوات تحرير لقسم المقالات مما يجعل تنسيق المقاله أجمل وتمكن من يقوم بأضافة مقاله أختيار حجم الخط أو أرفاق صورة أو ملف صوتي او غيره من الأدوات المهمة
7- يمكنك أضافة أي مقاطع من يوتوبي من جوجل بأي صيغة اما فلاشية أو بصيغة rm أو بصيغة avi أو بصيغة wma أو أي صيغة تحبها ( يلزم تعديل من لوحة التحكم وأضافة ملفات داخل السي بنال سهله جدا )
8- يمكن ظهور الوصلات جميعا ببلوك معين أو ظهور بعض الوصلات ببلوك واحد
مثل
سجل الزيارات واتصل بنا أو يمكنك أضافة روابط وأختيار أسم البلوك الذي ستظهر به
9- تم أضافة خاصية ظهور البنرات في قسم معين او عدد أقسام أو الأقسام جميعا ( من لوحة التحكم بلوحة التحكم )
10- ترتيب المواد يمكنك من تعديل ترتيب المواد وكيفية شكل الظهور (من لوحة التحكم )
11- تم أضافة التبليغ عن وصلة لا تعمل تمكن الزائر من اعلام المشرف عن وصله لا تعمل ( لوحة التحكم )
12-
تم أصافة خاصية ظهور المواد السمعية والمرئية في نوافذ صغيرة مثل الأستماع للقرأن الكريم والأناشيد والخطب وغيرها من المواد وهذه أضافة وجدنها لازمه لهذا الأصدار فأن الأصدار القديم كان أذا ارت ان تستمع للقران الكريم أو خطبه لا يمكنك التصفح والتجول داخل المكتبة الا بفتح صفحة جديد من البدايه لأكن بهذه النافذه تم حل المشكلة

==================

نأتي للجزء الثاني والمهم والذي كان عليه العمل كله وهو:

لوحة التحكم :

تم تطوير لوحة التحكم حتى يسهل التحكم الكامل بشكل وعمل المكتبة وسنطرح الإضافات بالترتيب مع شرح الأقسام وكيفية التعامل مع أعدادات الأقسام
أولا ً
بعد دخولك لوحة التحكم بتجد القائمة على يمين لوحة التحكم وهي بالشكل التالي :


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

الاعدادات الرئيسية:
وبالضغط على زر الإعدادات العامة تخرج أقسام داخلية

الإعدادات العامة:
وهي كما تراها بالشكل التالي :


وهي اعدات عامه على السكربت ووجهة العرض واختيار الستايل وقد شرحت على الصورة الأماكن التى يتم التغيير بها حتى تكون الصورة اوضح
وبها وضع اعلان بأعلى السكربت أو أسفله ويمكنك وضع به اي كود html او شيفرة معينه أو كود اعلاني او كود رتب أو جوجل ادسنس او أي شيء يستخدم به كود html
وبها أستخدام امتداد الروابط بدل من php الى html والبعض يفضل هذه واخرون يفضلون php
وبها اختيار الستايل طبعا انت بترفع مجلد الستايل داخل مجلد التمبلت داخل مجلد المكتبة الرئيسي template وبعد رفع مجلد الستايل داخل هذا المجلد بتجده ظهر تلقائي داخل لوحة التحكم كما بالصورة السابقة
وبها ايضا يمكنك غلق المكتبة بحيث لا يمكن تصفحها او فتحها للزائرين
وبعد الأنتهاء من هذه الأعدادات العامة تأتي أسفل منها كلمة
البلوكات

وبالضغط عليها تظهر لك الصورة التالية:


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


وهو بلوك عادي حتى يمكنك من وضع بداخله كود او شيفرة أو اي شيء وتختار المكان الذي تريده ان يظهر به يمين أو يسار أو وسط
والصورة موضح بها الشرح

وبالضغط على بلوك متقدم يظهر لك الصورة التالية:

كما ترى بالصورة أمامك أن البلوك المتقدم به خصائص غير موجودة بالبلوك العادي حيث يمكنك من هذا البلوك أظهار مواد أو أقسام قسم معين تحدده أنت وتختار مواصفات الظهور له وعدد المواد المعروضه ومكان ظهوره ومتحرك أو ثابت والصورة موضح بها الشرح

بعد الأنتهاء من البلوكات تجد كلمة

صفحات أضافية

وبالضغط عليها تظهر لك هذه الصورة:


كما تجد بالصورة اذا ضغط على أضافة صفحة أضافية تظهر لك هذه الصورة:


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

ادارة الــــوصـــلات

في الأصدار القديم لم يكن موجود غير أسم الوصلة رابط الوصله اللحين
تم أضافة مكان ظهور الوصلة بأي بلوك وتأتيك قائمة باسم البلوكات الموجودة بالمكتبة
كما بالصورة التالية:


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

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

خيارات الأقـــسام


كما ترى أمامك أخي الحبيب بالصورة هذا جزء مهم من أجزاء لوحة التحكم حيث من هذا القسم يمكنك تعديل قسم معين وتعديل خصائصة أو إضافة قسم رئيسي أو فرعي
1- تعديل القسم كما ترى أمامك بالصورة السابقة يوجد قائمة منسدله بها أسماء الأقسام الموجوده أذا أرت التعديل أختار القسم ثم أضغط على زر أختيار بيظهر لك خصائص القسم يمكنك تعديل اسمه أو خصائصه

2- أضافة قسم الرئيسي :
يكون قسم مستقل يمكن ان يندرج أسفل منه أقسام فرعية فرضا أنك تريد أن تسوي قسم مستقل وتسميه قصص القران في الأصدارات القديمة كان هذا الخيار موجود لكن كان به نقص الا وهو عندا عمل قسم رئيسي وتسميه مثلا قصص القران وتختار القسم الذي يأخذ خصائصه ويسير على طريقته مثلا المقالات عندما تذهب للتصفح قسم قصص القران تجد المسميات الداخليه المقالاات أضف المقاله شاهد المقاله أخر المقالات المضافه وهكذا تم حل هذه المشكله بأمكانية تغيير أسم المجلد داخل مجلد التمبلت الذي من خلاله يعمل القسم بمسمياته
3- أضافة قسم فرعي وهذه أضافة جميله رأينا حتمية وجودها وبها يمكنك داخل قسم معين يكون بداخله أقسام وكل قسم فرعي له خصائصة المستقله
مثال عندك قسم الخطب والدروس يمكنك أدراج قسم فرعي بداخله أسمه مقالات دينية أو الخطب المفرغة وهذا القسم الرئيسي قسم صوتي وبه قسم كتابي وهو المقالات او الخطب المفرغة
طريقة العمل بالنسبة بناء القسم الرئيسي أو الفرعي واحدة الا في القسم الفرعي يختلف عندما تختار القسم الرئيسي الذي يندرج أسفل منه هذا القسم الذي تقوم بعمله
فقط تابع الشرح بالصور التاليه

هذه هي واجهة تعديل الأقسام

وبالضغط على أضافة قسم رئيسي تخرج لك هذه النافذة


كما ترى أمامك أخي الحبيب الصورة مشروح بها كل شيء أملئ جميع البيانات كما بالصورة وعند خيار

ويجب ان يكون داخل مجلد cat
مثل quran
غير ذلك مجلده

اعطيه أي أسم بالأنجليزي فرضا انت بتسوي قسم قصص قران بتختار القسم اللي بيسير على طريقته المقالات وبتيجي عند هذا الخيار وتحط أي كلمه تختر ببالك
مثلا qass
وبعد الأنتهاء من ملئ البيانات من لوحة التحكم يلزمك تعديل وأضافة ملفات من السي بنال أو الأف تي بي
تذهب للقسم اللي انت تبي خصائصه للقسم الجديد وتأخذ المجلد حقه الى داخل مجلد cat داخل مجلد المكتبة الرئيسي وتحمله على جهازك طبعا بيكون له أسم انت غيره للأسم الجديد اللي انت وضعته أثناء بناء القسم وارفعه من جديد بالأسم الجديد كما بالمثال نسميه qass وبكذا تظهر المسميات الداخليه للقسم الجديد كلها حسب ما يناسبك
وانظر هنا لتوضح لك الصورة:


كما ترى ايها الحبيب انا قمت بالشرح على برنامج الأف تي بي وكتبت لك أمام كل كلمة المجلد الخاص بكل قسم بحيث عند أختيار قسم وتبي تنسخ مجلده وتغير اسمه ليكون مجلد لقسم جديد تعرف كل مجلد ما هو القسم الخاص به
وانظر الى الشرح انا سويت قسم جديد اسمه قصص القران واختارت القسم اللي بأخذ خصائصه هو المقالات وعند خيار تغيير مجلده وضعت كلمة qass فذهبت لمجلد المقالات ونسخته على جهازي وغيرت اسمه لــ qass ورفعته من جديد وبكذا نكون سوينا القسم تمام ولكي يظهر بشكل طبيعي ولا تكون لكلمة المقالات أثر باقى لنا خطوة واحده وهي أضافة الكلمات اللي بتظهر داخل ملف اللغة وهو ملف lag.php وهو داخل مجلد المكتبة الرئيسي
فقط تابع الشرح والصورة موضح بها كل شيء


مثل ما ترى بالصورة ذهبت للسطرين الخاصيين بالقسم اللي انا بأخذ خصائصه وقمت بنسخهم مرة ثانية أسفل منه مباشرة وبدل كلمة المقالات تضع اللي كلمة اللي تناسبك وانا كما بالمثال وضعت كلمة القصص والقصه وبدل المتغير حق المقالات الكلمة اللي بالأتجليزي اللي مشار لها في الشرح حذفتها ووضعت مكانها الكلمة اللي انا عطيتها للمجلد اللي هي qass وبكذا يكون تم عمل القسم تمام ونفس الشرح هذا في إضافة قسم فرعي أذا ارت تغيير مسماه الداخلي
وانظر للصورة التاليه موضح بها أكثر


القائمة البريدية
يتميز هذا الأصدار بعمل القائمة البريدية دون اي مشاكل والذي يميز هذه القائمة هو انك تقدر تضيف اي عدد ايميلات في نلف التكست من الأف تي بي وبيظهر عندك في لوحة التحكم تسوي انت رساله زين وتعدلها بالفرنت بيج وتنسخ كود html وتقوم بمراسلة الجميع ولا تخاف القائمة بترسل على فترات حتى لا تسبب لود على السرفر


نسخ / استرجاع القاعدة
نسخ قاعدة اليانات وهذه مهمة جدا لك بحيث لو ارت حفظ قاعدة البيانات على جهازك في حالة حدوث أي مشكله بقاعدة البيانات تستطيع ارجاعها بكل سهوله فقط تابه الشرح بالصورة التالية


مساهمات 0 وصلات لاتعمل


وصلات لاتعمل


المــشــرفين

ان ما يميز هذا الإصدار هو أمكانية أضافة مشرف او أكثر على قسم معين أو عدة أقسام مثل قسم الفتاوى وقسم المقالات أو اي قسم بالمكتبة
كيفية أضافة مشرفين او تعديل مشرفين

فقط تابع الشرح

اضافة مشرف


تعديل - حذف


الاعدادات الاضافية

[ 0 ] الصندوق الــوارد

[ 0 ]

التـــعليــــــقـات


عند الضغط على التعليق تظهر لك هذه النافذة:

[ 0 ]

سجـــل الـــزوار
نظام التصــــويت
شريط الاخــبــار
الاعــــــــلانـــات
أن الذي يميز هذا الأصدار هو الإعلاانات اعلى كل قسم على حدا فبأمكانك ان تضع اعلان أعلى أي قسم تريده
وبالضغط على قسم الأعلانات تخرج لك هذه النافذه


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


محرر نصوص هتمل:


مركز تحمـــــــيل


الـــقــران الــكـريم

قسم القران الكريم وهو من الأقسام الرئيسية بالمكتبة وينقسم الى قسميم

1- أضافة قارئ والتحكم في القراء
2- أضافة تلاوة التحكم في التلاوات

وبالضغط على إضافة قارئ تخرج لك هذه النافذه


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


كما ترى أخي الحبيب بالصورة يمكنك ترتيب القراء كما يمكنك حذف قارئ معين أو تعديل القارئ
إضافة تلاوة بالضغط على إضافة تلاوة تخرج لك هذه النافذة


كما تشاهد أمامك التعامل مع المكتبة سهل للغاية يمكنك أضافة اكثر من 20 تلاوة دفعة واحد فقط قم بأختيار عدد الحقول من أعلى كما ترى ثم قم بأختيار الشيخ الذي تريد أن تضيف له التلاوات ثم قم بتعبئة خيارات التلاوة ثم قم بحفظ الإعدادات وبكذا تكون أضفتها بنجاح كما ترى بالصورة السابقة
التحكم بالتلاوة
التحكم بالتلاوة وهو من الأجزاء المهمة بهذا الأصدار حيث تم أضافة ميزة هامة لهذا الأصدار ألا وهو أمكانية نقل محتوى قسم أو مواد شيخ لقسم أخر او لشيخ أخر
فقط تابع الشرح
أنظر الصورة التالية :


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

1- تختار اسم الشيخ
2- تختار المواد المراد نقلها
3- اختيار قسم الخطب والدروس
4- اختيار النقل
5- الذهاب لقسم الخطب والدروس
6 - تجد به المواد التى نقلتها اليه قم بتحديدها
7- قم باختيار القسم الذي تريد النقل اليه
8- مبارك عليك تم النقل

وهذا المثال ينطبق في كل الأقسام التى بها مواد تريد نقله
ثم نأتي لأخر شيء في لوحة التجكم وهو
أضافة أقسام أو التحكم فيها أو أضافة مواد أو التحكم فيه
الاقسام
اضافة | تحكم
المواد
أضافة | تحكم
ونحن نشرح على قسم المقالات والذي يسير عليه يسير على جميع الأقسام
بالضغط على أضافة قسم تظهر لك هذه النافذة
كما بالصورة التالية:


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


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

شرح مبسط لكيفية تقطيع ستايل للمكتبة الإسلامية
1- قم أخي الكريم بتصميم صفحة كما تشاء
تحتوى على ثلاث أشياء
1- الصفحة ككل من بنر علو ( هيدر ) وهوامش جانبية ووسط بودي وبنر سفلي (فوتر )
2- بلوك جانبي
3- بلوك وسط
ومثلا مثل هذه الصورة



كما ترى أمامك أخي الحبيب صورة لتصميم وقد قسمته الى ثلاث أجزاء
الجزء الأول
وهو عبارة عن التصميم ككل بدون رقم 2 و 3 ويكون هكذ


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


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



كما ترى الصورة رقم 2 والصورة رقم 5 والصورة رقم 8 حذفتها وبسويها خلفيه داخل الخلية ومعنى خلفية عشان استطيع اكتب داخل هذه المنطقة
أضغط بالماوس كلك يمين مكان الصورة المحذوفة واختار خصائص الخلية


ومن خصائص الخلية


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


قم باختيار صفوف وليس اعمده واختار العدد 2
كما بالصورة التالية

بعد تقسيم الخلايا لخليتين بينقسم الجزء الوسط لنصفين
في اول صف ضع هذا الكود $news
في ثاني صف ضع هذا الكود $output
وبيكون بهذا الشكل


بكذا انت قطعت الستايل تمام فقط باقي لك تضبيط مسارات الصور
شرح تعديل مسار الصور بحيث تظهر بشكل صحيح
كالتالي أضغط على علامة HTML


بعد الضغط على عللامة html
بتكون الصفحة هكذ


قم بمسح الجزء كما بالصورة الذي يعلو الخط الأحمر
ثانيا قم بالضغط على كلمة تحرير ومن تحرير اختار كلمة استبدال
ثم بيأتي لك مربع به خيارين ضع في المربع الأول كلمة ايميج images
والمربع الثاني ضع به
template/هنا اسم مجلد الستايل /images


كما ترى بالصورة اعطيت الصور مسارها الصحيح بحيث لما ترفع الصور داخل مجلد template
ومن مجلد template الى مجلد اللي أنت سميته حق الستايل فرضا كما بالمثال mktba
ومن مجلد الستايل إلى مجلد images ومن مجلد الصور الى الصورة نفسه
بعد الانتهاء قم بحفظ هذا الملف باسم template
حتى يكون بهذا الشكل


طبعا كما ترى امامك هذا هو مجلد images مجلد الصور
واسفل منه ملف template الذي كنا نشرح عليه الأن وبكذا نكون قد انتهينا من تقطيع جسم الستايل كامل
باقي ملفين لم يقطعوا طبعا فاكرينهم اللي في اول صورة ايه البلوكين البلوك اللي في الوسط والبلوك اللي في اليمين
هذا البلوك اللي في اليمين


اهم شيء بعد ان تأخذ صورة البلوك الجانبي هذا تجعل حجمه لا يزيد عن 55 بيكسل او 50 هذا العرض اما الطول ما تفرق
كما ترى امامك بالصورة هو نفس تقطيع جسم الستايل وحتى لا تحتار انا بسهلها عليك
شايف الصورة امامك انا قمت بترقيمها حتى يسهل الشرح انت بتقوم بتقطيعها عادي مثل اي تقطيع لكن لأحظ أهم صورتين عندك هم
الصورة رقم 2 والصورة رقم 5
هاتين الصورتين تقوم بجعلهم خلفيه طبعا تعلمنا كيف نسوي خلفيه
وحتى يتم ضبط التصميم قم بجعل الصورة رقم 4 والصورة رقم 6 ايضا خلفيه حتى اذا تمدد البلوك تمدد معه الجوانب
3- قم بوضع مكان الصورة رقم 2 هذا الكود $title
ومكان الصورة رقم 5 هذا الكود $block
ثم ادخل على html
وكما قمت في تقطيع الجسم بحذف ما فوق الخط الأحمر ايضا هنا قم بنفس الخطوات من حذف ما فوق الخط وقم بالاستبدال كما شرحنا نفس الكلام دون ان تغير حرف واحد

كما هو امامك


قم بحفظ الملف بجانب الملف الأول بأسم block
نأتي لثالث جزء وهو بلوك الوسط اللي هو table
اهم شيء بعد ان تأخذ صورة بلوك الوسط هذا تجعل حجمه لا يزيد عن 400 بيكسل او 450 هذا العرض اما الطول ما تفرق
نفس الشرح في البلوك السابق الا انك بتغير كلمة واحدة وهي
3- قم بوضع مكان الصورة رقم 2 هذا الكود $title
ومكان الصورة رقم 5 هذا الكود $table
بعد الأنتهاء من جميع الخطوات احفظ الملف الثالث هذا باسم table
ثم قم بأخذ اي ملف stayle من الستايلات اللي نازله مع المكتبة والصقه بجانب الثلات ملفات وغير واضغط عليه كليك يمين ثن تحرير بيفتح بالفرنت بيج عدل فيه الألوان كما تشاء وبكذا صار مجموع الملفات
4 ملفات 1 مجلد
1- جسم الستايل template
2- البلوك الصغير block
3- البلوك الكبير table
4- ملف الستايل stayle
ومعهم مجلد واحد وهو مجلد الصور imagesوبكذا نكون سوينا الستايل وتقدر تغيير الوان الخطوط وكل شيء من ملف الستايل
.