العودة مطور Mtwer > دورات و دروس مطور المتخصصة > إرشيف الدورات > دورة تصميم ستايلات منتديات الفي بي vBulletin
تحديث الصفحة
شرح تصميم منتدى في بي، الدرس السابع: تعلم تغيير روابط الصور واستيراد ملف الxml للاستايل

دورة تصميم ستايلات منتديات الفي بي vBulletin الدورة إنتهت
تضمن لك هذه الدورة أن تتعلم بأسلوب عملي وممتع وسهل الطرق الصحيحة للتمكن من تصميم استايلات منتديات الـ vBulletin بإتقان
ملقي الدورة: [vista-design]

موضوع مغلق
اسحب وشارك
 
LinkBack أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 14-07-2008, 03:51 PM

0

الصورة الرمزية vista-design
مسؤول قسم الدورات

 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,612
vista-design is on a distinguished road
Arrow شرح تصميم منتدى في بي، الدرس السابع: تعلم تغيير روابط الصور واستيراد ملف الxml للاستايل

شرح تصميم منتدى (شرح تصميم منتدى في بي، الدرس السابع: تعلم تغيير روابط الصور واستيراد ملف الxml للاستايل)، شرح تصميم منتدى vb، شرح تصميم استايل منتدى
الدرس السادس: شرح تغيير روابط الصور واستيراد ملف الxml للاستايل





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

نستكمل معكم بقية دروس شرح تصميم منتدى

والان بعد ما أنجزنا تقريبا الجزء الاكبر من الدورة

دعونا نشرح كيف راح نغير روابط الصور ونستورد ملف الxml الخاص بالاستايل

الخطوات:

1- قم بعمل ملف جديد داخل مجلد المنتدى vb , وسميه mtwer وهذا
راح يكون مجلد الصور الخاصة بالاستايل

2-قم بعمل ملف جديد داخل مجلد mtwer وسميه main
وهذا راح نضع به صور الهيدر والفوتر والتأطير

4- قم بأخذ صور الهيدر +الفوتر+تأطير الاقسام الرئيسية وضعها بهذا المجلد main

5- الحين روح للوحة تحكم المنتدى وتوجه للاستايلات والقوالب
ثم قم بنسخ كود الهيدر كله, وافتح الفرونت بيج والصقة فى صفحة الكود

6- الحين شوف الصورة, راح نقوم بمسح هذا الجزء فى كل الصور

شوف.....



7- بعذ حذف هذا الجزء نقوم بكتابة mtwer/main فى كل الصور
وراح يكون الشكل النهائى هيك

شوف.........




8-الحين نطبق هذا الكلام بالظبط على كود الفوتر وقالب forumhome_level1_nopost اللى قمنا فيه بتأطير الاقسام, نأخذه ونغير روابط الصور الخاصة مثل اللى فوق بالظبط



9- بعد الانتهاء من هذا راح نتوجه الى اعدادات الcss ونغير روابط مجلدات الصور الاخرى
شوف الصورة........




10- بعد هيك ننزل لتحت ونشوف الجداول التى بها مسار صورة التدرج
وهذه الجداول هى


الأقسام الرئيسية/Category Strips

رأس الجدول/Table Header

محيط اللوحة/Panel Surround

اللوحة (الأشكال)/Panel Forms


نقوم بتغيير مسار الصورة كالتالى:
مثال:
شوف.........





11- الحين بعد ما انتهينا من هذا , نروج لمجلد المنتدى vb وندخل مجلد images
ثم ننسخ المجلدات المشار اليها بالصورة, ونقوم بلصقها داخل مجلد mtwer اللى سويناه

شوف.........





12- الحين هيك ملف الصور صار جاهز

13- باقى الحين استيراد ملف الاستايل xml

اضغط من الاستايلات والقوالب على اليمين على خيار ( رفع تحميل استايل)

ثم نكتب اسم للاستايل

ثم نضغط تنزيل

شوف.......






الحين صار الاستايل جاهز

ولو بدك تركبه على اى منتدى قم بعمل الاتى:

1-قم برفع مجلد الصور mtwer داخل مجلد vb
2-ثم استورد ملف xml من الاستايلات والقوالب -- رفع تحميل استايل

شوف........




فقـــــــــــــــــــط

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

وانتظروا الدروس القادمة الخاصة بتطوير الاستايل ضمن شرح تصميم منتدى، واضافة لمسات احترافية عليه

انتظرونا........

اخوكم vista-design
شرح تصميم منتدى



توقيعي


عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com

آخر تعديل بواسطة توب لاين ، 03-09-2010 الساعة 04:38 PM
  #2  
قديم 18-08-2008, 09:31 PM

0

الصورة الرمزية vista-design
مسؤول قسم الدورات

 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,612
vista-design is on a distinguished road

نرجو من الجميع تطبيق الدرس


توقيعي


عالم مطورى الويب لتعليم برمجة وتصميم المواقع
www.advphp.com
  #3  
قديم 19-08-2008, 04:06 AM

0

لايوجد صورة رمزية لـ حسين سعد
مطور جديد

 
تاريخ التسجيل: 04-05-2008
المشاركات: 14
حسين سعد is on a distinguished road

علم وينفذ

جزاك الله خيرا

موضوع مغلق

العلامات المرجعية

الكلمات الدلالية (Tags)
شرح تصميم منتدى, شرح تصميم منتدى vb, شرح تصميم استايل منتدى

مواضيع جديدة في قسم دورة تصميم ستايلات منتديات الفي بي vBulletin

أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح تصميم استايل منتدى، الدرس السابع:شرح توسيط المنتدى ووضع خلفية للمنتدى vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 1 22-08-2008 08:15 PM
تعلم تصميم استايل منتدى، الدرس الخامس:شرح تصميم ايقونات وأزرار المنتدى لتتوافق مع الاستايل vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 0 10-08-2008 02:14 AM
الدرس السابع : اضافة الصور لصفحات الــ html الوليد الراشدي دورة تعلم لغة الهتمل HTML 0 09-08-2008 10:58 AM



جميع الأوقات بتوقيت GMT +3. الساعة الآن 04:04 AM.
Search Engine Friendly URLs by vBSEO 3.5.2

الحقوق محفوظة لكل المطورين والمواقع العربية

Security team