[ د-م-1 | 4 ] - دورة تصميم ستايل منتديات - تجريب الهيدر والفوتر في المنتدى

[X100]

http://mexat.com/vb/attachment.php?attachmentid=1250184&stc=1&d=1283399843

كيف حالكم جميعاً ؟

ان شاء الله بخير صحة وعافية


يسعدني أن أقدم لكم الدرس الرابع من درتنا دورة تصميم ستايل منتديات الـ vb


وهذا الدرس سيكون تجريب الاستايل ( الهيدر والفوتر ) وتركيبهما في المنتدى ::سعادة::

الدرس بسيط جداً بإذن الله على الكل :D

فقط يحتاج الى التركيز و مراعاة عدم اهمال أي نقطة ::جيد::


http://mexat.com/vb/attachment.php?attachmentid=1250186&stc=1&d=1283399843




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

http://mexat.com/vb/attachment.php?attachmentid=1250278&stc=1&d=1283406573




نفتح برنامج الفرونت بيج و نختار من الأسفل ( Code )

http://mexat.com/vb/attachment.php?attachmentid=1250279&stc=1&d=1283406573




نحدد على الأكواد الظاهرة ونمسحها ..

http://mexat.com/vb/attachment.php?attachmentid=1250280&stc=1&d=1283406573




ثم نلصق الأكواد التي كانت بالمفكرة او المستند النصي ..

http://mexat.com/vb/attachment.php?attachmentid=1250281&stc=1&d=1283406573




الآن نذهب الى المجلد الذي عملنا صور الستايل المقطعة به ،

http://mexat.com/vb/attachment.php?attachmentid=1250282&stc=1&d=1283406573



وننسخه بداخل مجلد الـ vb

http://mexat.com/vb/attachment.php?attachmentid=1250238&stc=1&d=1283405083



النتيجة :

http://mexat.com/vb/attachment.php?attachmentid=1250239&stc=1&d=1283405083



( نحتاج الى التركيز الآن )

نرجع الى الفرونت ، ثم :

نحدد على أحد الأكواد الزرقاء من كلمة file الى الـ / و نبقي فقط اسم ملف مجلد صور الستايل ..

ثم نضغط على المحدد بالأزرق بالزر الأيمن من الفأرة ونختار Replace

http://mexat.com/vb/attachment.php?attachmentid=1250240&stc=1&d=1283405083



نتأكد من أن المحدد بالأزرق خالي مثل ما هو موضح ، ثم نضغط Replace All :

http://mexat.com/vb/attachment.php?attachmentid=1250241&stc=1&d=1283405083



ستظهر لنا نافذة ، نختار ok ::جيد::

http://mexat.com/vb/attachment.php?attachmentid=1250242&stc=1&d=1283405083



بعد عمليتنا تلك ، سيبقى مثل ما هو موضح بالخط الأحمر :

http://mexat.com/vb/attachment.php?attachmentid=1250247&stc=1&d=1283405367


دعونا نستوعب ما هي هذه الكلمات :

http://mexat.com/vb/attachment.php?attachmentid=1250248&stc=1&d=1283405367

New%20Style < هذا هو اسم المجلد الذي حفظنا بداخله بالفوتوشوب الصور بعد التقطيع

X100 < هو اسم المجلد الذي بداخل ملف New Style .. ويوجد به الصور ( أظن بأنه سيكون لديكم اسمه Images )

Untiled-2_03.jpg < هو اسم الصورة





الآن سنعرف ما هو الهيدر وما هو الفوتر من هذه الأكواد ،

المظلل بالأحمر في هذه الصورة هو الـ " هيدر "

اما المظلل بالأخضر فهو الـ " فوتر "

http://mexat.com/vb/attachment.php?attachmentid=1250249&stc=1&d=1283405367



جيد ، دعونا ننتقل الآن الى المنتدى ، نفتح المتصفح ، ثم نكتب في مكان الرابط http://localhost/vb < اضغطوا عليه ،،

في أسفل المنتدى نختار : الإدارة

http://mexat.com/vb/attachment.php?attachmentid=1250250&stc=1&d=1283405367



ندخل اسم المستخدم وكلمة المرور

http://mexat.com/vb/attachment.php?attachmentid=1250251&stc=1&d=1283405367



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

http://mexat.com/vb/attachment.php?attachmentid=1250255&stc=1&d=1283405641



في الاستايل الافتراضي ، من المستطيل الأبيض الظاهر نختار منه : القوالب الشائعة / Common Tamplates

http://mexat.com/vb/attachment.php?attachmentid=1250256&stc=1&d=1283405641


ستظهر لكم 3 مستطيلات ، الأول هو " الهيدر - Header " والثالث هو " الفوتر - Foter " وهي التي تهمنا الآن ، مثل ما هو موضح :

http://mexat.com/vb/attachment.php?attachmentid=1250276&stc=1&d=1283406309



الآن مثل ما وضحنا سابقاً في الفرونت بيج ، ننسخ أكواد الهيدر مثل ما هو موضح :

http://mexat.com/vb/attachment.php?attachmentid=1250257&stc=1&d=1283405641



ثم نذهب الى المنتدى ونمسح جميع الأكواد ما عدا هذا الكود الذي بآخر المستطيل :


$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]<< هذه الأكواد لا نمسحها ابداً

http://mexat.com/vb/attachment.php?attachmentid=1250258&stc=1&d=1283405641



الآن نلصق كود الهيدر من الفرونت بيج الى المنتدى فوق الكود $spacer_open ..

http://mexat.com/vb/attachment.php?attachmentid=1250259&stc=1&d=1283405641



الآن في مستطيل الفوتر بالمنتدى ، نذهب الى الأسفل آخر الأكواد ، ثم نضغط Enter لـ نضيف سطراً آخر بدون مسح أي كود مثل ما هو موضح :

http://mexat.com/vb/attachment.php?attachmentid=1250268&stc=1&d=1283406078


الآن نذهب الى الفرونت بيج وننسخ كود الفوتر مثل ما هو موضح :

http://mexat.com/vb/attachment.php?attachmentid=1250269&stc=1&d=1283406078


ثم نذهب الى المنتدى ونذهب الى مستطيل الفوتر ونلصق الأكواد أسفل كود </script> ، ثم نضغط حفظ ::جيد::

http://mexat.com/vb/attachment.php?attachmentid=1250270&stc=1&d=1283406078



الآن في أعلى الصفحة من المنتدى نختار " الصفحة الرئيسية للمنتدى " ( المحددة بالأحمر في الصورة ) :

http://mexat.com/vb/attachment.php?attachmentid=1250271&stc=1&d=1283406078



النتيجة اخواني ::سعادة:: :
الهيدر :

http://mexat.com/vb/attachment.php?attachmentid=1250272&stc=1&d=1283406078



الفوتر :

http://mexat.com/vb/attachment.php?attachmentid=1250275&stc=1&d=1283406309




● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ● ●


وهكذا ينتهي درسنا لهذا اليوم ، أتمنى أنه قد نال رضاكم :سعادة2:


أي سؤال او استفسار نرجو وضعه بالموضوع ::جيد::



http://mexat.com/vb/attachment.php?attachmentid=1250188&stc=1&d=1283399843


● اعتذر عن تأخيري للدروس وذلك بسبب الظروف الشخصية من سفر وغير ذلك ، وايضاً من الانترنت بعض الأحيان :ميت:

● أشكر الأخوان مرة أخرى R.99 و المجهووول؟؟؟ على المساعدة جزيل الشكر ::جيد::

● اعتذر من الاعضاء الذين تأخرت في اجابتهم عن اخطائهم بخصوص المنتدى او أي مشاكل اخرى ، فكل هذا التأخير اما يكون بحث عن حل او انشغالي وعدم تمكني من البحث أو لم أستطع الحصول على حل فـ أحاول حذف البرنامج واعادة تثبيته وارتكاب اخطاء بالتثبيت كيف أعرف خطأكم :p ، ولكن بدون جدوى :ميت:

شكراً لجميع متابعي الدورة وآسف حقاً على القصور :ميت: !




http://mexat.com/vb/attachment.php?attachmentid=1250187&stc=1&d=1283399843