دورة الشبح لتعليم تصميم لستايل styleات الجزء الثاني والأخير

[Chakira]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© ط§ظ„ط´ط¨ط* ظ„طھط¹ظ„ظٹظ… طھطµظ…ظٹظ… ظ„ط³طھط§ظٹظ„ط§طھ ط§ظ„ط¬ط²ط، ط§ظ„ط«ط§ظ†ظٹ ظˆط§ظ„ط£ط®ظٹط± (http://www.dzbatna.com/t273060/)




دورة الشبح لتعليم تصميم لستايل styleات الجزء الثاني والأخيرwww.alshaba7.net/vb/ (http://www.alshaba7.net/vb/)
bahrain2014
بــســم الله الرحــــمـــن الرحـــــيـــم

اولاً ادخل على لوحة تحكم المنتدى forum admincp
واختر الأنماط والقوالب ثم إدارة النمط
http://www.alshaba7.net/pp/shroo7/vbstyle2/1.jpg
ثم اختر لستايل style ثم من القائمة المنسدلة اختر css رئيسي
http://www.alshaba7.net/pp/shroo7/vbstyle2/2.jpg
الحين بتشوف اشياء شبه معقدة لاكن بعد ماتكمل الدرس مفصل بدقول سهله
1- الجسم ( خلفية الصفحة )
http://www.alshaba7.net/pp/shroo7/vbstyle2/3.jpg
في المكان المحدد بالأحمر اكتب كود code لون الخلفية
هناك سؤال يحيرك وهو كيف تحصل على الكود code
الجواب ادخل على الفوتوشوب واختر اداة اختيار الون
http://www.alshaba7.net/pp/shroo7/vbstyle2/4.jpg
http://www.alshaba7.net/pp/shroo7/vbstyle2/5.jpg
هذه هي الإجابة
بعد كتابة كود code الون في مكانه في css رئيسي اضغط على حفض css
http://www.alshaba7.net/pp/shroo7/vbstyle2/6.jpg
وستلاحض تغير لون الخلفية في المنتدى forum

طوف ثاني شي وروح لثالث شي

4- حدود الجدول



http://www.alshaba7.net/pp/shroo7/vbstyle2/14.jpg
المكان المقصود هو حدود الجدول الخطوط المحاط بها الجدول

5-اشرطة الصنف
http://www.alshaba7.net/pp/shroo7/vbstyle2/10.jpg
في هذا المكان اكتب
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
الصورة المرادة هي غير موجودة عليك ان تكونها ويجب ان تكون المقاسات الطول 50 والعرض 40وستكون هذه الصور في هذا المكان
http://www.alshaba7.net/pp/shroo7/vbstyle2/11.jpg

6-رأس الجدول
http://www.alshaba7.net/pp/shroo7/vbstyle2/8.jpg
في هذا المكان اكتب
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
الصورة المرادة هي غير موجودة عليك ان تكونها ويجب ان تكون المقاسات الطول 50 والعرض 40وستكون هذه الصور في هذا المكان
http://www.alshaba7.net/pp/shroo7/vbstyle2/9.jpg

7-نهاية الجدول
http://www.alshaba7.net/pp/shroo7/vbstyle2/12.jpg
في المكان المحدد بالأحمر الصق هذا مع إجراء التعديلات
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
والباقي مايحتاج لشرح طريقة لئني شرح طريقةته مرتين من قبل
والمكان المقصود بنهاية الجدول هو
http://www.alshaba7.net/pp/shroo7/vbstyle2/13.jpg

8- الون المتناوب الأول
http://www.alshaba7.net/pp/shroo7/vbstyle2/15.jpg
هنا فقط اكتب كود code الون
والمكان المقصود هو
http://www.alshaba7.net/pp/shroo7/vbstyle2/16.jpg

9- الون المتناوب الثاني
http://www.alshaba7.net/pp/shroo7/vbstyle2/17.jpg
والمكان المقصود هو
http://www.alshaba7.net/pp/shroo7/vbstyle2/18.jpg

10- محرر wysiwyg
http://www.alshaba7.net/pp/shroo7/vbstyle2/19.jpg
اكتب كود code لون في المكان المحدد بالأحمر ويجب ان يكون الون فاتح والمكان المقصود هو
http://www.alshaba7.net/pp/shroo7/vbstyle2/20.jpg

11- حقول الإدخال
http://www.alshaba7.net/pp/shroo7/vbstyle2/21.jpg
في المكان المحدد أكتب كود code لون ولاتنسى إضافة # في البداية
والمكان المقصود
http://www.alshaba7.net/pp/shroo7/vbstyle2/22.jpg

12-الأزرار
http://www.alshaba7.net/pp/shroo7/vbstyle2/23.jpg
إذ لاتريد تغيير لون الأزرار تستطيع تركه كما هو والأزرار التي سيتغير لونها
http://www.alshaba7.net/pp/shroo7/vbstyle2/24.jpg

طوف كل شيئ حتى تصل إلى محيط الوحة
http://www.alshaba7.net/pp/shroo7/vbstyle2/25.jpg
امسح كل المكتوب في المكان المحدد بالأحمر في الصورة واكتب كود code لون
والمكان المقصود هو
http://www.alshaba7.net/pp/shroo7/vbstyle2/26.jpg

والوحة نفس الي قبلهة بس المكان المقصود هو
http://www.alshaba7.net/pp/shroo7/vbstyle2/27.jpg

والحين اشقح ل التحكم بالقوائم المنبثقة
http://www.alshaba7.net/pp/shroo7/vbstyle2/28.jpg
هني تقدر تحط كود code لون او صورة إذا صورة تذكر هذا الكود code
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
--------------------------------------------
الحين انتهيت من مرحلة الcss باقي شي واحد ويكتمل لستايل style

من لوحة التحكم اختر
http://www.alshaba7.net/pp/shroo7/vbstyle2/1.jpg
وبعدين متغيرات النمط
http://www.alshaba7.net/pp/shroo7/vbstyle2/29.jpg
والحين غير روابط اهم ملفين والي هم buttons و statusicon إلى
اسم مجلد الصور/statusicon
اسم مجلد الصور/buttons
http://www.alshaba7.net/pp/shroo7/vbstyle2/30.jpg
وبعدين ادخل على مجلد images الموجود في مجلد المنتدى forum الرئيسي وانسخ ملف buttons و statusicon والصقهم داخل ملف الصور الخاص بالستايل style وعدل على الصور الموجودة داخلهم كما يحلو لك

آخر خطوة هي إخراج ملف الxml و ملف الصور
طبعاً ملف الصور بكون في المنتدى forum انسخه وملف الأكس ام ال من
http://www.alshaba7.net/pp/shroo7/vbstyle2/1.jpg
ثم تحميل
http://www.alshaba7.net/pp/shroo7/vbstyle2/32.jpg
اكتب اسم لستايل style في المكان المحدد بالأحمر في الصورة التالية
http://www.alshaba7.net/pp/shroo7/vbstyle2/33.jpg
وبعد الإنتهاء اضغط على تحميل

ومبرووووووووووووووووك انتهيت من تصميم لستايل style
واي استفسار انا حاضر






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