ط¯ظˆط±ط© ط§ظ„ط´ط¨ط* ظ„طھط¹ظ„ظٹظ… طھطµظ…ظٹظ… ظ„ط³طھط§ظٹظ„ط§طھ ط§ظ„ط¬ط²ط، ط§ظ„ط«ط§ظ†ظٹ ظˆط§ظ„ط£ط®ظٹط±



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

اولاً ادخل على لوحة تحكم المنتدى forum admincp
واختر الأنماط والقوالب ثم إدارة النمط

ثم اختر لستايل style ثم من القائمة المنسدلة اختر css رئيسي

الحين بتشوف اشياء شبه معقدة لاكن بعد ماتكمل الدرس مفصل بدقول سهله
1- الجسم ( خلفية الصفحة )

في المكان المحدد بالأحمر اكتب كود code لون الخلفية
هناك سؤال يحيرك وهو كيف تحصل على الكود code
الجواب ادخل على الفوتوشوب واختر اداة اختيار الون


هذه هي الإجابة
بعد كتابة كود code الون في مكانه في css رئيسي اضغط على حفض css

وستلاحض تغير لون الخلفية في المنتدى forum

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

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




المكان المقصود هو حدود الجدول الخطوط المحاط بها الجدول

5-اشرطة الصنف

في هذا المكان اكتب
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
الصورة المرادة هي غير موجودة عليك ان تكونها ويجب ان تكون المقاسات الطول 50 والعرض 40وستكون هذه الصور في هذا المكان


6-رأس الجدول

في هذا المكان اكتب
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
الصورة المرادة هي غير موجودة عليك ان تكونها ويجب ان تكون المقاسات الطول 50 والعرض 40وستكون هذه الصور في هذا المكان


7-نهاية الجدول

في المكان المحدد بالأحمر الصق هذا مع إجراء التعديلات
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
والباقي مايحتاج لشرح طريقة لئني شرح طريقةته مرتين من قبل
والمكان المقصود بنهاية الجدول هو


8- الون المتناوب الأول

هنا فقط اكتب كود code الون
والمكان المقصود هو


9- الون المتناوب الثاني

والمكان المقصود هو


10- محرر wysiwyg

اكتب كود code لون في المكان المحدد بالأحمر ويجب ان يكون الون فاتح والمكان المقصود هو


11- حقول الإدخال

في المكان المحدد أكتب كود code لون ولاتنسى إضافة # في البداية
والمكان المقصود


12-الأزرار

إذ لاتريد تغيير لون الأزرار تستطيع تركه كما هو والأزرار التي سيتغير لونها


طوف كل شيئ حتى تصل إلى محيط الوحة

امسح كل المكتوب في المكان المحدد بالأحمر في الصورة واكتب كود code لون
والمكان المقصود هو


والوحة نفس الي قبلهة بس المكان المقصود هو


والحين اشقح ل التحكم بالقوائم المنبثقة

هني تقدر تحط كود code لون او صورة إذا صورة تذكر هذا الكود code
#5C7099 url(مجلد الصور\اسم الصورة.الإمتداد) repeat-x top left
--------------------------------------------
الحين انتهيت من مرحلة الcss باقي شي واحد ويكتمل لستايل style

من لوحة التحكم اختر

وبعدين متغيرات النمط

والحين غير روابط اهم ملفين والي هم buttons و statusicon إلى
اسم مجلد الصور/statusicon
اسم مجلد الصور/buttons

وبعدين ادخل على مجلد images الموجود في مجلد المنتدى forum الرئيسي وانسخ ملف buttons و statusicon والصقهم داخل ملف الصور الخاص بالستايل style وعدل على الصور الموجودة داخلهم كما يحلو لك

آخر خطوة هي إخراج ملف الxml و ملف الصور
طبعاً ملف الصور بكون في المنتدى forum انسخه وملف الأكس ام ال من

ثم تحميل

اكتب اسم لستايل style في المكان المحدد بالأحمر في الصورة التالية

وبعد الإنتهاء اضغط على تحميل

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








©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©