منتدى الأميرة
افلام عربى افلام اجنبى افلام هندى افلام اكشن افلام رومانسيه برامج الحمايه برامج المديا برامج التصميم برامج الصور العاب بنات العاب حربيه العاب بلاىستيشن العاب اكشن العاب زكاء اخبار رياضيه اخبار الأهلى
منتدى الأميرة
افلام عربى افلام اجنبى افلام هندى افلام اكشن افلام رومانسيه برامج الحمايه برامج المديا برامج التصميم برامج الصور العاب بنات العاب حربيه العاب بلاىستيشن العاب اكشن العاب زكاء اخبار رياضيه اخبار الأهلى
منتدى الأميرة
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


افلام عربى, افلام اجنبى, افلام هندى, افلام اكشن, افلام رومانسيه, برامج الحمايه, برامج المديا, برامج التصميم, برامج الصور ,العاب بنات ,العاب حربيه , العاب بلاىستيشن, العاب اكشن, العاب زكاء, اخبار رياضيه
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول


 

 شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
هالة محمود
Admin
Admin
هالة محمود


برجي هو : برج السرطان
انثى
عدد المساهمات : 10835
نقاط : 17167
السٌّمعَة : 114
تاريخ التسجيل : 19/07/2009
الموقع : www.elamira.banouta.net
المزاج المزاج : كوووووووووووووووووووول

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Empty
مُساهمةموضوع: شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml   شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Emptyالأحد أبريل 25, 2010 4:48 pm

[size=16]شرح تلوين جميع اجزاء الإستايل(css)
واعداد ملف(xml)


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



السلام عليكم
ورحمة الله وبركاتة



درس اليوم
اجمل درس في تصميم الاستايلات



تلوين
الاستايل واخرج ملف الا**********مل لكي يستفيد الجميع من الاستايل



بعد الدخول
للوحة التحكم للمنتدى



نختار التحكم
بالاستايلات



شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217957889_3_1192280864


تظهر لنا
قائمة الاستايلات ونختار متغير CSS






شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217958021_3_11922803




الان جه وقت
التلوين والابداع ناخذ اداة القطاره بالفوتوشوب ونشرب كاس شاي



ثم نبتدي
بااول متغير



خلفية
المنتدى/Body





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217958250_3_119228111



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- تلوين اسامي
الاقسام واخر المشاراكات باللون الي يكون مناسب للتصميم واللون الاحمر عند





المرور على اسم القسم نغيرة للون
برضو الي ينسبنا








توضيح بسيط كيف نأخذ الالوان من
التصميم ونركبها في الاعدادات








نروح لااداة القطاره






توضيح بسيط
كيف نأخذ الالوان من التصميم ونركبها في الاعدادات







نروح لااداة
القطاره







شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1192282478






ثم تطلع لنا
لوحة الالوان







شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217958652_3_1192282617







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







2- نحدد ثم
ننسخ الكود ثم نضعه في خيارات واعدادات css








الان نشوف
قالب خلفية المنتدى/Body







في الستايل
وكيف طلع







شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217958887_3_1192282610








والى هنا
ننتهي من شرح اهم النقاط في التلوين وكيفة الاعداد


المتغير الثاني


خلفية الصفحة/Page Background





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217960703_399998y6867



لون ابيض سوف
تلاحضونة بجوانب اقسام المنتدى



غيرة الى
اللون المستخدم في خلفية الاستايل في نفس القالب الاول البودي



او اترركوة
واذا تريدو حذفة من متغيرات الاستيال ثاني خيار اجعلوه 0 اول بالحجم
المناسب




المتغير
الثالث



, ,
, ( التخصيص في هذا
الستايل
)





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217961276_39988-01



فقط نقوم بتغيير نوع الخط وحجمه


المتغير الرابع

حدود الجدول



شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217961926_39988-2111


اللون الاصفر لون الحد الدخلي نقوم بتغييرة الى اللون
المناسب

اللون الاحمر الحد الخاري فقط نغير كود اللون باللون المناسب

صورة من الاستايل لمكان الحدود

قبل التعديل

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1192286897

صورة بعد التعديل

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1192287126

المتغير الخامس



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




[size=16]

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217965035_3_1192v




نغير ونصمم من
خلاله التدرج



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



نغير لون اسم
القسم لون الخط وزي مانعرف اللون الاخير هو عن مرور الماوس علية




نشوف اماكن
القالب في المنتدى



شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217965101_3_188design009


معنا التدرج
اللوني الي محدده باللون الاحمر



وهذا الرابط تبعه

رمز PHP:
869BBF url(images/gradients/gradient_tcat.gif) repeat-x top left


رمز PHP:
#F7E3A5 url(design009/back0.gif) repeat-x
top left



design009
ملف الاستايل نعدله على اسم استيلنا ( على حسب المثال )




[center]back0.gif
اسم التدرج اللوني والصية لاننسها ( على حسب المثال ) يجب
ان تكون صيغى الصورة
gif



الان شرح كيفية
عمل التدرج



نشوف التدرج


شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1192289192


الطول 200 والعرض
2لانو العرض مايهم



نفتح الفوتوشوب
علشان نسوي عمل جديد العرض نخلية مثلا 200



والطول 200 علشان
نقدر نعمل التدرج بشكل بسيط مانعقد الامور :cupidarrow: لازم تكون



الوان متناسقه
ومناسبة للاستايل






الان نشاهد بعد
التعديل كيف صار شكلة القالب





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217966042_3_11922898




التغير في
الاستايل




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217966161_99




مشاء الله الاستايل كل شوي وشكله يحلو :clap:


الان بنفس الفكرة
ناتي للمتغير الخامس



رأس الجدول/Table Header ( التخصيص في هذا الستايل )


صورة القالب بعد
التعديل ماتشووفو كيف صار لون الاكود كله احمر يعني تم التعديل



لانو معاد يحتاج
قبل وبعد التعديل :bleh:





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1217966347_99987



لكن المهم نشوف
الامكان حق راس الجداول





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1192289974



ورح نلاقية بشكل
عام في كل مكان في المنتدى فية احصئيات


ناتبع والحمد لله للحين واصلين

القالب الثامن

نهاية الجدول/Table Footer

الصورة بعد التعديل علية لازم نسويه نفس قالب رأس الجدول/Table Header ( التخصيص في هذا
الستايل
)

علشان يكون في الاستايل تناسق ويطلع بشكله الجميل لكن المبعدين في انتقا
وتنويع الالون يقدرو يغيرو براحتهم




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218103498_3_998


صورة لمكان القالب




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218103697_3_99987



نقدر نسوي بدل
التدرج لون وعلى حسب مانشوفه في عمل الاستايل ولي رح يحط لون

يكون نفس لون خلفية الاستايل في اول قالب


القالب التاسع

لون التوزيع الأول/First Alternating Color

صورة للقالب





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218103982_3_99987_987


مكان التوزيع الاول + مكان التوزيع الثاني



شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218104121_3_99987_980

الان نشاهد قالب التوزيع الاول بعد التعديل والتوضيح علية



شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218105245_3_99987_9812



القالب العاشر

لون التوزيع الثاني/Second Alternating Color

نقوم بعمل نفس التعديل كما عملنا في القالب في التوز يع
الاول

ولكن هنا نقوم بتغيير لون الخلفية للتوزيع الثاني بلون اخر

الكل رح يقول كيف نقدر نختار لو ن الخلفية للتوزيع الاول والتويز الثاني
الطريقة كثيره سهله

نستوحي اللونين من لون الاستايل الى جانب لون التوزيع الاول للخلفية يكون
فاتح والتوزيع الثاني اغمق قليلا




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218105409_5_99987


الان نشاهد صورة للتوزيعين
بعد التعديل عليهما


شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218105525_5_omar_design

الى هنا انتيهنا من تلوين قالب التوزيعين واهم شي هذولا القالبين
:cupidarrow: علشان العمل يطلع جميل

[center][b]القالب العاشر


محرر WYSIWYG (يجب أن يكون عادةً متماثل مع 'لون التوزيع
الأول/First Alternating Color' أو 'خلفية الكتابة/Input Fields')



صورة توضيحية للقالب وكيف تم اضافة لون للخلفية الرقم1

وتغيير نوع وحجم الخط ولونه في اللون رقم2




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218106229_3_1193666415



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


شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218106343_3_119398


القالب هو لتغيير لون خلفية وخط لوحت كتابة الموضوع
وعنون الموضوع

----------

القالب الحادي عشر

مساعدة خلفية الكتابة/Input Fields

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

صورة لتعديل القالب




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218106565_3_119398kijjh


صورة توضيحية لمكان القالب والتطبيق



شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218106117_3_37omar87



[center]القالب الثاني عشر

مساعدة الأزرار/Buttons

نقوم بتطبيق التالي على القالب

فقط نقوم بتغيير نوع الخط وحجمه





شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218106816_3_omar12321111


صورة توضح االازرار ومكان توجدها

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218107034_3_1193d



--------------------

المتغير الثالث عشر

مساعدة قوائم


فقط نقوم بتغيير نوع الخط وحجمه

المتغير يتحكم بلون خلفية القوائم المنسدلة ولون الخط

1-قائمة تبديل الاستايل

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218107125_3_1193omaaaa

2-قائمة خيارات عرض المواضيع

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1193667246

3قائمة الانتقال السريع

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1193667215


[b][size=16]القالب الرابع عشر

لون الوقت

فقط نقوم نقوم بتغيير لون ونوع الخط وحجمه في المتغير




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218107394_3_1193825



اماكن الوقت في الاستايل

تسجيل دخول العضو

اعلى الفوتور في رئيسة المنتدى

في خانة اخر المشاركات

اعلى المواضيع

صور توضحية لاهم للوقت

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1193667622

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 3_1193667652





-------------------------------
المتغير الخامس عشر

مساعدة نص شريط العنوان/Navbar Text ( التخصيص في هذا
الستايل
)

في هذا المتغير فقط نقوم بتغيير لون الخط ونوعه وحجمه فقط




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218107533_3_119380000000


صورة توضيحية لمكان المتغير على الاستايل



شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218107606_3_1193877000



تغير لون اسم القسم بعد الدخول عليه وبرز باللون الاسود


-----------------------------

المتغير السادس عشر

مساعدة الخط المبرز /Highlighted

نقوم بتركه كما هواء ولا نغير شي




المتغير السابع عشر

مساعدة إبراز عنصر السطر
الإداري/Inline Moderation Element Highlight

لايتم تغيير اي شي فيه




شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1218107936_3_119g8700

منقول للفائدة
[/b][/b][/center]
[/size]
[/center]
[/center]
[/size][/size]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://elamira.banouta.net
أمير الحب

أمير الحب


برجي هو : برج العذراء
ذكر
عدد المساهمات : 4750
نقاط : 5764
السٌّمعَة : 31
تاريخ التسجيل : 19/08/2009

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Empty
مُساهمةموضوع: رد: شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml   شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Emptyالأحد أبريل 25, 2010 8:49 pm

مشكورة بانده على الدرس الرائع

تسلم ايدك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
هالة محمود
Admin
Admin
هالة محمود


برجي هو : برج السرطان
انثى
عدد المساهمات : 10835
نقاط : 17167
السٌّمعَة : 114
تاريخ التسجيل : 19/07/2009
الموقع : www.elamira.banouta.net
المزاج المزاج : كوووووووووووووووووووول

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Empty
مُساهمةموضوع: رد: شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml   شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Emptyالأربعاء أبريل 28, 2010 7:10 pm

اشكرك على طلتك الحلوة

دايما تسعدني بوجودك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://elamira.banouta.net
شجرة الاحزان

شجرة الاحزان


ذكر
عدد المساهمات : 597
نقاط : 713
السٌّمعَة : 0
تاريخ التسجيل : 23/01/2010
العمر : 41
الموقع : http://emylovers.own0.com/index.htm
المزاج المزاج : الحمد لله
دعاء الخنزير

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Empty
مُساهمةموضوع: رد: شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml   شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Emptyالجمعة أبريل 30, 2010 6:05 pm

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml 1163983036
الرجوع الى أعلى الصفحة اذهب الى الأسفل
هالة محمود
Admin
Admin
هالة محمود


برجي هو : برج السرطان
انثى
عدد المساهمات : 10835
نقاط : 17167
السٌّمعَة : 114
تاريخ التسجيل : 19/07/2009
الموقع : www.elamira.banouta.net
المزاج المزاج : كوووووووووووووووووووول

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Empty
مُساهمةموضوع: رد: شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml   شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Emptyالجمعة أبريل 30, 2010 9:34 pm

اشكرك شجرة الاحزان علىالطلة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://elamira.banouta.net
محمد هدية




ذكر
عدد المساهمات : 23
نقاط : 23
السٌّمعَة : 0
تاريخ التسجيل : 11/07/2010

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Empty
مُساهمةموضوع: رد: شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml   شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Emptyالثلاثاء يوليو 13, 2010 9:13 am

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Dfsdfsdf
الرجوع الى أعلى الصفحة اذهب الى الأسفل
هالة محمود
Admin
Admin
هالة محمود


برجي هو : برج السرطان
انثى
عدد المساهمات : 10835
نقاط : 17167
السٌّمعَة : 114
تاريخ التسجيل : 19/07/2009
الموقع : www.elamira.banouta.net
المزاج المزاج : كوووووووووووووووووووول

شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Empty
مُساهمةموضوع: رد: شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml   شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml Emptyالأربعاء يوليو 14, 2010 1:20 pm

اشكرك محمد هدية على مرورك الجميل

ولكن نحن في الاميرة لا ترد على الموضوعات بالصور

وشعارنا كلمة مكتوبة منك افضل من 100 صورة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://elamira.banouta.net
 
شرح بالصورة كيف تغير جميع الوان اجزاء الإستايل css وإعداد ملف xml
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  جميع اجزاء لعبة كرة القدم FIFA و ايضا جميع اجزاء لعبة pes من حيث ما نشئت حتى 2010
» عرض الوان مجموعات الاعضاء في الصفحة الرئيسيه و الاقسام
» أسطوانة فى ظلال السيرة النبوية
» الوان الطيف في اجمل الصور
» اغرب الوان العدسات اللاصقة

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الأميرة  :: منتدى تطوير المواقع :: منتدى اشهار المنتديات-
انتقل الى: