walid
10-30-2013, بتوقيت غرينيتش 08:42 PM
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)©
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اليوم اقدم لكم درس مفصل ][ التأطير في المنتديات ][
وهو عبارة عن التالي :
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)©