الرئيسية | مركز المعلومات | مركز التحميل | للاعلان في مُطِّورْ | استخدم ختم مطور | قوِ موضوعك هام | وسام مطور جديد | افحص البيج رانك جديد

العودة   مطور , mtwer forum > مطور الدورات المتخصصة > إرشيف الدورات > دورة تصميم ستايلات منتديات الفي بي vBulletin

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


عزيزي المطور ابتعد عن النقل، ولتكن مواضيعك جديدة وقيمة تعبر عن إبداعك وتميزك
موضوع مغلق
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 14-07-2008, 03:51 PM
الصورة الرمزية vista-design
مسؤول قسم الدورات
 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,298
vista-design is on a distinguished road
Arrow الدرس السابع:شرح تغيير روابط الصور واستيراد ملف الxml للاستايل

الدرس السادس:شرح تغيير روابط الصور واستيراد ملف ال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.vistacompany.org
صاحب الشركه : محمد أمين عبد المعبود
أداء الشركـــه :استضافة-تصميم وتطوير المواقع والمنتديات
بريد الشركـــه : admin[at]vistacompany.org
هاتف الشركه : 0020private in email



  #2  
قديم 18-08-2008, 09:31 PM
الصورة الرمزية vista-design
مسؤول قسم الدورات
 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,298
vista-design is on a distinguished road
افتراضي

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



توقيعى
أسم الشركـــه : فيستا للأستضافة والتصميم
رابط الشركة:www.vistacompany.org
صاحب الشركه : محمد أمين عبد المعبود
أداء الشركـــه :استضافة-تصميم وتطوير المواقع والمنتديات
بريد الشركـــه : admin[at]vistacompany.org
هاتف الشركه : 0020private in email

  #3  
قديم 19-08-2008, 04:06 AM
مطور مشارك
 
تاريخ التسجيل: 04-05-2008
المشاركات: 13
حسين سعد is on a distinguished road
افتراضي

علم وينفذ

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

موضوع مغلق

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



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

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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
مناقشة درس تغيير روابط الصور واستيراد ملف الxml هنا vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 12 30-08-2008 03:58 AM
مناقشة الدرس السابع ..!! الوليد الراشدي دورة تعلم لغة الهتمل HTML 18 29-08-2008 04:38 PM
الدرس السابع : اضافة الصور لصفحات الــ html الوليد الراشدي دورة تعلم لغة الهتمل HTML 0 09-08-2008 10:58 AM


مساحة إعلانية


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
جميع الأوقات بتوقيت GMT +3. الساعة الآن 07:45 AM.