فارس قطر
01-12-08, 02:55 AM
شرح تلوين جميع اجزاء الإستايل(css) واعداد ملف(xml)
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
درس اليوم اجمل درس في تصميم الاستايلات
تلوين الاستايل واخرج ملف الاكسمل لكي يستفيد الجميع من الاستايل
بعد الدخول للوحة التحكم للمنتدى
نختار التحكم بالاستايلات
http://www.aljawariss.net/upload/Folder-02/1217957889_3_1192280864.gif
تظهر لنا قائمة الاستايلات ونختار متغير CSS
http://www.aljawariss.net/upload/Folder-02/1217958021_3_11922803.gif
الان جه وقت التلوين والابداع ناخذ اداة القطاره بالفوتوشوب ونشرب كاس شاي
ثم نبتدي بااول متغير
خلفية المنتدى/Body
http://www.aljawariss.net/upload/Folder-02/1217958250_3_119228111.gif
1- نقوم بمسح محتواة بالكامل واستبدالة بالكود التالي
رمز PHP:
margin:-0px 0px 0px 0px;
رمز PHP:
[center]padding: 0px;
[/center]
2- لون خلفية المنتدى حسب لون خلفية تصميم الاستايل الي احنا مسوينة
3- حجم الخط للي يريد يسوي نفس الخط الي احنا مسوينا في الموقع يسوي 8pt
4-نوع الخط للي يريد يكون كل الخطوط في موقعه خط ثوما الانيق والصغير يغيرة بهذا
رمز PHP:
tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif
5- تلوين اسامي الاقسام واخر المشاراكات باللون الي يكون مناسب للتصميم واللون الاحمر عند
المرور على اسم القسم نغيرة للون برضو الي ينسبنا
توضيح بسيط كيف نأخذ الالوان من التصميم ونركبها في الاعدادات
نروح لااداة القطاره
توضيح بسيط كيف نأخذ الالوان من التصميم ونركبها في الاعدادات
نروح لااداة القطاره
http://sho3a.com/vb/sho3a3/3_1192282478.gif
ثم تطلع لنا لوحة الالوان
http://www.aljawariss.net/upload/Folder-02/1217958652_3_1192282617.gif
1- تنيق الوان الاستايل بجيمع تدرجات الالوان
2- نحدد ثم ننسخ الكود ثم نضعه في خيارات واعدادات css
الان نشوف قالب خلفية المنتدى/Body
في الستايل وكيف طلع
http://www.aljawariss.net/upload/Folder-02/1217958887_3_1192282610.gif
والى هنا ننتهي من شرح اهم النقاط في التلوين وكيفة الاعداد
باقي كثير ان شاء الله سنعرضهم قريبا بإذن الله
اي استفسار او سوال عن الفقرة الاولى لاتترددو
منقول للافاده وجارى التطوير
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
درس اليوم اجمل درس في تصميم الاستايلات
تلوين الاستايل واخرج ملف الاكسمل لكي يستفيد الجميع من الاستايل
بعد الدخول للوحة التحكم للمنتدى
نختار التحكم بالاستايلات
http://www.aljawariss.net/upload/Folder-02/1217957889_3_1192280864.gif
تظهر لنا قائمة الاستايلات ونختار متغير CSS
http://www.aljawariss.net/upload/Folder-02/1217958021_3_11922803.gif
الان جه وقت التلوين والابداع ناخذ اداة القطاره بالفوتوشوب ونشرب كاس شاي
ثم نبتدي بااول متغير
خلفية المنتدى/Body
http://www.aljawariss.net/upload/Folder-02/1217958250_3_119228111.gif
1- نقوم بمسح محتواة بالكامل واستبدالة بالكود التالي
رمز PHP:
margin:-0px 0px 0px 0px;
رمز PHP:
[center]padding: 0px;
[/center]
2- لون خلفية المنتدى حسب لون خلفية تصميم الاستايل الي احنا مسوينة
3- حجم الخط للي يريد يسوي نفس الخط الي احنا مسوينا في الموقع يسوي 8pt
4-نوع الخط للي يريد يكون كل الخطوط في موقعه خط ثوما الانيق والصغير يغيرة بهذا
رمز PHP:
tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif
5- تلوين اسامي الاقسام واخر المشاراكات باللون الي يكون مناسب للتصميم واللون الاحمر عند
المرور على اسم القسم نغيرة للون برضو الي ينسبنا
توضيح بسيط كيف نأخذ الالوان من التصميم ونركبها في الاعدادات
نروح لااداة القطاره
توضيح بسيط كيف نأخذ الالوان من التصميم ونركبها في الاعدادات
نروح لااداة القطاره
http://sho3a.com/vb/sho3a3/3_1192282478.gif
ثم تطلع لنا لوحة الالوان
http://www.aljawariss.net/upload/Folder-02/1217958652_3_1192282617.gif
1- تنيق الوان الاستايل بجيمع تدرجات الالوان
2- نحدد ثم ننسخ الكود ثم نضعه في خيارات واعدادات css
الان نشوف قالب خلفية المنتدى/Body
في الستايل وكيف طلع
http://www.aljawariss.net/upload/Folder-02/1217958887_3_1192282610.gif
والى هنا ننتهي من شرح اهم النقاط في التلوين وكيفة الاعداد
باقي كثير ان شاء الله سنعرضهم قريبا بإذن الله
اي استفسار او سوال عن الفقرة الاولى لاتترددو
منقول للافاده وجارى التطوير