شرح طريقة بالصور لتأطير الـ نافبار - والفورم هوم | Navbar | Forumhome واحصائيات المنتدى forum

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ط¨ط§ظ„طµظˆط± ظ„طھط£ط·ظٹط± ط§ظ„ظ€ ظ†ط§ظپط¨ط§ط± - ظˆط§ظ„ظپظˆط±ظ… ظ‡ظˆظ… | Navbar | Forumhome ظˆط§ط*طµط§ط¦ظٹط§طھ ط§ظ„ظ…ظ†طھط¯ظ‰ (http://www.dzbatna.com/t1208860/)




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


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


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


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


http://upload.dzbatna.net/upfiles/Jpb29919.jpg


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


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


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


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


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


http://upload.dzbatna.net/upfiles/pc527477.jpg


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


كالتالي /
http://upload.dzbatna.net/upfiles/R7W27534.jpg



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


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


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


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


كما بالصورة التالية :
http://upload.dzbatna.net/upfiles/SI427598.jpg


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


http://upload.dzbatna.net/upfiles/vxl27645.jpg


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


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


http://upload.dzbatna.net/upfiles/uge27726.jpg


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


http://upload.dzbatna.net/upfiles/ic727755.jpg


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


http://upload.dzbatna.net/upfiles/KCv27909.jpg



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


http://upload.dzbatna.net/upfiles/ucq28047.jpg



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


http://upload.dzbatna.net/upfiles/slH28090.jpg


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


http://upload.dzbatna.net/upfiles/fi328303.jpg



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


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


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


http://upload.dzbatna.net/upfiles/XTj28476.jpg


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


http://upload.dzbatna.net/upfiles/Qze28450.jpg



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


http://upload.dzbatna.net/upfiles/z4w29452.jpg


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


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


http://upload.dzbatna.net/upfiles/pc527477.jpg



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


http://upload.dzbatna.net/upfiles/s5Z29540.jpg


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


http://upload.dzbatna.net/upfiles/lep29582.jpg


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


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


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


http://upload.dzbatna.net/upfiles/X5G29834.jpg



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


http://www.geocities.com/sht2comimg src=ymail.com/navbar4.jpg" border="0" alt="" />





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


http://upload.dzbatna.net/upfiles/5WZ29891.jpg


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


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


http://upload.dzbatna.net/upfiles/Jpb29919.jpg


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


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


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


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


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


http://upload.dzbatna.net/upfiles/1YP30101.jpg



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


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


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


http://upload.dzbatna.net/upfiles/wQ830179.jpg



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


http://upload.dzbatna.net/upfiles/XYH30128.jpg


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


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


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


اخوكم / ابو الوفا
Karawanhttp://www.dzbatna.com/images/mail.gifw.cn


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


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





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

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©