دورة مطور لتصميم الاستايل styleات(درس مفصل تغيير روابط صور الاستايل style واستيراد ملف xml)

[Chakira]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© ظ…ط·ظˆط± ظ„طھطµظ…ظٹظ… ط§ظ„ط§ط³طھط§ظٹظ„ط§طھ(ط¯ط±ط³ طھط؛ظٹظٹط± ط±ظˆط§ط¨ط· طµظˆط± ط§ظ„ط§ط³طھط§ظٹظ„ ظˆط§ط³طھظٹط±ط§ط¯ ظ…ظ„ظپ xml) (http://www.dzbatna.com/t942310/)




الدرس مفصل السادس:شرح طريقة تغيير روابط الصور واستيراد ملف الxml للاستايل style


http://img405.imageshack.us/img405/8765/6bb33494d4tv1.gif


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

نستكمل معكم بقية الدروس............

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

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

الخطوات:

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

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

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

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

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

شوف.....
http://www.mtwer.com/index.php?action=getfile&id=1233


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

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

http://www.mtwer.com/index.php?action=getfile&id=1234


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



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

http://www.mtwer.com/index.php?action=getfile&id=1235


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


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

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

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

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


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


http://www.mtwer.com/index.php?action=getfile&id=1236


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

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





http://www.mtwer.com/index.php?action=getfile&id=1237


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

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

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

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

ثم نضغط تنزيل

شوف.......


http://www.mtwer.com/index.php?action=getfile&id=1238



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

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

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

شوف........


http://www.mtwer.com/index.php?action=getfile&id=1239

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

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

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

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

اخوكم vista-design










ألعاب الأندرويد مجانا و حصريا (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)©