الشرح عن كيفية التعديل على ألوان الاستايل في

[عمري لك]

سنتحدث في هذا الشرح عن كيفية التعديل على ألوان الاستايل في المنتدى و التعديل على كل منطقة في الاستايل عن طريق خيارات الـ CSS في الاستايل ...

باسم الله نبدأ :

اذهب إلى لوحة تحكم منتداك :



و من ثم أدخل بيانات لوحة التحكم ... على يمين الصفحة ستجد الخيار "الإستايلات والقوالب" اختر منه الخيار "التحكم بالاستايلات" كما في الصورة التالية :


http://www.alm6wer.com/vb/uploaded/1_01473700291.gif

و من ثم بجانب الاستايل الذي تريد التعديل على ألوانه و نمطه ستجد قائمة منسدلة قم بفتحها و اختر منها الخيار "الرئيسي CSS" كما في الصورة التالية :


http://www.alm6wer.com/vb/uploaded/1_11473700291.gif

الآن ستفتح صفحة التعديل على ألوان و خطوط و نمط الاستايل بشكل عام ... و سنقوم بكتابة كل خيار و على أي منطقة يؤثر في الاستايل (موضح بالصور) ....

[1] خلفية المنتدى/Body :


http://www.alm6wer.com/vb/uploaded/1_21473700291.gif

[2] خلفية الصفحة/Page Background :


http://www.alm6wer.com/vb/uploaded/1_31473700291.gif

[3] <td>, <th>, <p>, <li> :

هذه الخاصية اتركها فارغة تماماً ...

[4] حدود الجدول/Table Border :


http://www.alm6wer.com/vb/uploaded/1_41473700291.gif

http://www.alm6wer.com/vb/uploaded/1_51473700291.gif

[5] الأقسام الرئيسية/Category Strips :


http://www.alm6wer.com/vb/uploaded/1_61473700291.gif

http://www.alm6wer.com/vb/uploaded/1_61473700291.gif

[6] رأس الجدول/Table Header :


http://www.alm6wer.com/vb/uploaded/1_81473700291.gif

http://www.alm6wer.com/vb/uploaded/1_91473700291.gif

http://www.alm6wer.com/vb/uploaded/1_01473700437.gif

http://www.alm6wer.com/vb/uploaded/1_11473700437.gif

[7] نهاية الجدول/Table Footer :


http://www.alm6wer.com/vb/uploaded/1_21473700437.gif

http://www.alm6wer.com/vb/uploaded/1_31473700437.gif

[8] لون التوزيع الأول/First Alternating Color :


http://www.alm6wer.com/vb/uploaded/1_41473700437.gif

[9] لون التوزيع الثاني/Second Alternating Color :


http://www.alm6wer.com/vb/uploaded/1_51473700437.gif

[10] محرر WYSIWYG + خلفية الكتابة/Input Fields :

هاتان الخاصيتان متماثلتان في الخصائص و خلفية الكتابة و متماثلة عادة مع الخاصية "لون التوزيع الأول/First Alternating Color"


http://www.alm6wer.com/vb/uploaded/1_61473700437.gif

http://www.alm6wer.com/vb/uploaded/1_71473700437.gif

[11] الأزرار/Buttons :


http://www.alm6wer.com/vb/uploaded/1_71473700437.gif

[12] قوائم <select> :


http://www.alm6wer.com/vb/uploaded/1_91473700437.gif

http://www.alm6wer.com/vb/uploaded/1_01473700555.gif

[13] الخط الصغير/Small Font :


http://www.alm6wer.com/vb/uploaded/1_11473700555.gif

[14] لون الوقت/Time Color :


http://www.alm6wer.com/vb/uploaded/1_11473700555.gif

[15] نص شريط العنوان/Navbar Text :


http://www.alm6wer.com/vb/uploaded/1_31473700555.gif

[16] الخط المبرز /Highlighted Font :

عند البحث عن كلمة أو جملة ما يتم تلوينها في الموضوع باللون الذي تحدده في هذه الخاصية ...


http://www.alm6wer.com/vb/uploaded/1_41473700555.gif

[17] إبراز عنصر السطر الإداري/Inline Moderation Element Highlight :

عند تحديد مشاركة أو موضوع معين يتم تظليله باللون الذي تحدده في هذه الخاصية ...


http://www.alm6wer.com/vb/uploaded/1_51473700555.gif

[18] محيط اللوحة/Panel Surround :


http://www.alm6wer.com/vb/uploaded/1_61473700555.gif

[19] اللوحة (الأشكال)/Panel Forms :


http://www.alm6wer.com/vb/uploaded/1_71473700555.gif

[20] <legend> :


http://www.alm6wer.com/vb/uploaded/1_81473700555.gif

[21] التحكم بالقوائم المنبثقة/Popup Menu Controls :


http://www.alm6wer.com/vb/uploaded/1_91473700555.gif

[22] جسم قائمة الإنبثاق/Popup Menu Body :


http://www.alm6wer.com/vb/uploaded/1_01473700648.gif

[23] خيار صف قائمة الإنبثاق/Popup Menu Option Row :


http://www.alm6wer.com/vb/uploaded/1_11473700648.gif

[24] خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option :


http://www.alm6wer.com/vb/uploaded/1_11473700648.gif

[25] قائمة الانتقال السريع/Forum Jump Menu Classes :


http://www.alm6wer.com/vb/uploaded/1_31473700648.gif

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

[نوف]

عمري لك

توفقتي ان شاء الله
يسعد قلبك ِ ..
شرح وافي وكافي ..
موضوع رائع مره ..
فايف ستأإارزز لجهودك ‘
لاتحرمينا من روائعك ِ
ودوورد

[الغريب]

شرح اكثر من رائع
جهد مميز وحضور مبهر
لك اجمل التحايا:241:

[أبو علياء]

يعطيكم العافية لروعة ما طرحتم ،،
تولد الابتسامه بكم عند دفئ حضوركم المميز
تعطرت زوايا المنتدى بكل ما تقدموه
من جديد ومفيد ... تقدير يليق بكم
ودي وعبق وردي

[بــســـمۭــۃ فــجــــڕ]

الصور مو ظاهرة معي

[سرالهوى]

سلمت انآملك على الطرح المميز
ويعطيك الف عافيه على المجهود المبذول
ماننحرم من فيض عطائك وإبداعك
فائق شكري وتقديري
كل الود

[я α н ı ғ]

:68:
هلا هلا بالرائعة عمري لك ...
شرح وافي بكل تاكيد
ومبسط وسهل جداً ,,
أشكركِ على متابعتكِ وحرصكِ
بآرك الله فيكِ يآ بطلة .
إبدعتِ مآ شآء الله عليكِ ،
يآريت تستمري على نفس النُسق .
ممتنٌ لكِ على جهودكِ ,
’
للاسف الصور غير ظاهرة في الموضوع .

[أيــلُولَ]

موضوع مفيد
لمن يهمة الامر
سلمت اناملك:241:

[غـُـلايےّ]

طررح يفوق آلجمآل ,
‎كعآدتك إبدآع في صفحآتك ,
‎يعطيك آلعآفيـه يَ رب ,
‎وبِ إنتظآر المزيد من هذآ الفيض ,
‎لقلبك السعآده والفـرح ..
‎ودي

[الجوري]

إبداع في الطرح وروعة في الإنتقاء
دمت بروعة الطرح ووافر العطاء
أكاليل الزهر أنثرها في صفحتك
مع خالص تحياتى وفائق تقديري

[فيّ]

سلمت يمينك النديه بالجمال
على شذرات الحُضور وعبق المنثور ..
يعطيك العافية على ثمرات جهودك ..
شكري وتقديري .

[ѕнмонк]

طرح رائع متكلل بالإبداااع
سلمت الأياادي ياارب ويعطيكِ الف عااافية
بإنتظآااار القآاادم بكل شوق وترقب وإنتظار
دمتي بـ خير

[الريــم]

-


موضوع جمميل..:154::131:
تسسلم آلايادي ع آلنقل..:111::241:
وردي لكك ..:100::eq-34:

[تذكارُ...!]

يعْطِيك العافيه لطَرحك الرَّآَقي
فَلَكْ مزيد من الشُّكر ..
بإنتظآر جَديدككْ بكل شَوقْ
تَقْدِيري لسُمُوكْ

[حكآيتي آنتْ♔]

سلمت يدآك ع آلطـرح الانتقاء المميز
الله يعطيك العافية يآرب
بـ نتظـآر آلمزيد من هـذآ العطــآء
دمت بكًل خير

[شيخة رواية]

عاشت الايادي:20:

[العاشق الذى لم يتب]

شكرا

لجلب كل مفيد جديد

جزيت خيرا

وبارك الله فيك

دام التواجد الراقى

باقات النرجس

مع تحياتى وودى

[مخملية]

تسلم الايدي ع روعة الاختيار
لاعدمنا الذوق
ودي

[دلوعة عشق]

أختيار جميل جدا
سَلمت على هذهِ الأطروحه الأنيقه
دوام التالق والابداع
تحياتي لك

[دره العشق]

موضوع في قمة الجمال
وأضاء بجماله أرجاء المكان
فجزاكي الله خيرا

[Şøķåŕą]

تميز في الانتقاء
سلم لنا روعه طرحك
نترقب المزيد من جديدك الرائع
دمت ودام لنا عطائك
لكـ خالص احترامي

[جَوآهر]

/



سلمت آناملك ع الإنتقاء ،
دمت بسعاده بــحـجم السماء ،
لقلبك طوق آليآسمين ،

[Şøķåŕą]

_


سلمت الأيادي ..
ويعطيك العافية لـ جمال الآنتقاء
لروحك جنائن الورد .

[بنت العز]

شُكرًا على جمـال طرحك المميز

[Şøķåŕą]

شكراً لك
بإنتظار الجديد القادم
دمت بكل خير