ط´ط±ط* ط¨ط§ظ„طµظˆط± ظ„طھط£ط·ظٹط± ط§ظ„ظ€ ظ†ط§ظپط¨ط§ط± - ظˆط§ظ„ظپظˆط±ظ… ظ‡ظˆظ… | Navbar | Forumhome ظˆط§ط*طµط§ط¦ظٹط§طھ ط§ظ„ظ…ظ†طھط¯ظ‰



بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

اليوم اقدم لكم درس مفصل ][ التأطير في المنتديات ][

وهو عبارة عن التالي :


نبدأ على بركة الله بالشرح طريقة المصور..

***********************************

الآن نفتح برنامج الفرونت بيج | FrontPage

بعد كذا ندخل على | تعليمات برمجية

من أسفل البرنامج الجهة اليمنى


نحذف ما بداخل الـ تعليمات البرمجية

كالتالي /


الآن نحضر قالب template الـ Navbar

ونلصقه بداخل التعليمات البرمجية ...

بعد هيك نريد ان نقوم بإنشاء جدول في المكان الصحيح

واحنا في التعليمات البرمجية نذهب للسطر رقم 4
ونضع مؤشر الماوس على أوله

كما بالصورة التالية :

بعد هيك نذهب الى : | التصميم
التي بجانب التعليمات البرمجية


نقوم بإنشاء جدول حسب الصور
انا انشئ جدول مكون من 5 أعمدة لأن الصور الي عندي 5 صور

كما بالصورة التالية :


نقوم بعمل إعدادات الجدول كالتالي /
انتبهوا للإعدادات جيدا...




الآن نضع الصور داخل الجدول كالتالي :
ويبقى عندنا منطقتين للتمدد ،، أو منطق واحدة .. حسب الصور الي انت مصممها
انظر للصورة



الآن نأتي على الخلية >> مكان التمدد >> في الجدول
ونضغط بالزر اليمين ونضغط على >> خصائص الخلية
كما بالصورة التالية :



الآن نضغط على كلمة >> استعراض
كما بالصورة التالية :


ومن ثم نختار صورة التمدد



وهيك انتهينا من التأطير العلوي للنافبار

نأتي للتأطير السفلي

نضع مؤشر الماوس في المكان التالي :




ونقوم بإنشاء جدول كالسابق
انا عملت الجدول مكون من 3 أعمدة
كل واحد يعمل الجدول حسب الصور



بعد ما ننتهي راح يطلع معانا الشكل كالتالي /


الآن نأتي لتحديد امتدادات الصور
يعني >> عندما نقوم بتحميل مجلد الستايل style على الاف تي بي تتغير روابط الصور
ملاحظة/ لا يمكن تسمية مجلد الستايل style باللغة العربية نهائيا.

الآن نعود الى >> تعليمات برمجية



نقوم بتحدد رابط الصورة الزائد
كما بالصورة التالي :
ونختار من الأعلى الايقونة التي تشبه >> الناظور
انظر الصورة >> الخطوة 1 >> الخطوة 2


الآن انظر الى الصورة التالي :


نأتي لشرح طريقة الصورة السابقة

1 - نضغط على كلمة استبدال
2 - لا نكتب فيها اي شيء .. نتركها فارغة ،، وإن كان موجود اي كلام نحذفه
3 - نضغط على استبدال الكل .
4 - نضغط على اغلاق.

الآن لاحظ كيف اصبح امتداد الصور



الآن نعود الى >> تصميم
كما بالصورة التالية :

ymail.com/navbar4.jpg" border="0" alt="" />




لاحظ كيف اصبحت الصور:
انظر للصورة التالية :


وبعد هيك نعود الى >> تعليمات برمجية
ونقوم بنسخ الكود code بأكمله
ونلصقه في المنتدى forum ونستبدله بالقديم

الآن ادخل المنتدى forum ولاحظ كيف صار النافبار
وهذه صورة مثال/


والف مبروك عليكم النافبار ..........

**********************************************

وهيك انتهينا من الدرس مفصل

بس حبيت اضيف شوي عليه
وهي انه لما تيجي تعمل تأطير للـ Forumhome
اين تضع الماوس لتنشئ جداول

تفضلوا الصورة التالي :



الصورة السابقة لعمل تأطير [ أعلى - وأسفل ] اقسام المنتدى forum بالرئيسية

-----------------------------------------------------

الآن الصورة التالي توضح عملية التأطير العلوية للـ احصائيات بالمنتدى forum



والآن الصورة التالي توضح عملية التأطير السفلية للـ احصائيات بالمنتدى forum


وهيك ربنا يعطيكم العافية ....

***********************************************
وأرجوا من كل من عجبه الموضوع أن لا ينساني من
التقييم +++++

وأي استفسار انا بالخدمة ....

اخوكم / ابو الوفا
Karawanw.cn

جميع الحقوق محفوظة لـ جمهورية الشاطئ
www.sht2.com/vb

ملاحظة / تم تعديل روابط الصور .




التعديل الأخير كان بواسطة محمد الحلبي; 14 - 05 - 2014 الساعة 23:13




©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©