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

[حكآية روح]

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

http://www.traidnt.net/Portal/images/articles/875/01.gif

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

http://www.traidnt.net/Portal/images/articles/875/02.gif

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

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

http://www.traidnt.net/Portal/images/articles/875/img01.gif

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

http://www.traidnt.net/Portal/images/articles/875/img02.gif

رمز Code:
<td>, <th>, <p>, <li> :
هذه الخاصية اتركها فارغة تماماً ...
[4] حدود الجدول/Table Border :

http://www.traidnt.net/Portal/images/articles/875/img03.gif

http://www.traidnt.net/Portal/images/articles/875/img04.gif

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

http://www.traidnt.net/Portal/images/articles/875/img05.gif
http://www.traidnt.net/Portal/images/articles/875/img06.gif

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

http://www.traidnt.net/Portal/images/articles/875/img07.gif
http://www.traidnt.net/Portal/images/articles/875/img08.gif
http://www.traidnt.net/Portal/images/articles/875/img09.gif
http://www.traidnt.net/Portal/images/articles/875/img10.gif

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

http://www.traidnt.net/Portal/images/articles/875/img11.gif
http://www.traidnt.net/Portal/images/articles/875/img12.gif

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

http://www.traidnt.net/Portal/images/articles/875/img13.gif

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

http://www.traidnt.net/Portal/images/articles/875/img14.gif

[10] محرر WYSIWYG + خلفية الكتابة/Input Fields :
هاتان الخاصيتان متماثلتان في الخصائص و خلفية الكتابة
و متماثلة عادة مع الخاصية "لون التوزيع الأول/First Alternating Color"

http://www.traidnt.net/Portal/images/articles/875/img15.gif

http://www.traidnt.net/Portal/images/articles/875/img16.gif
[11] الأزرار/Buttons :
http://www.traidnt.net/Portal/images/articles/875/img17.gif
رمز Code:
قوائم <select> :

http://www.traidnt.net/Portal/images/articles/875/img18.gif
http://www.traidnt.net/Portal/images/articles/875/img19.gif
[13] الخط الصغير/Small Font :
http://www.traidnt.net/Portal/images/articles/875/img20.gif
[14] لون الوقت/Time Color :
http://www.traidnt.net/Portal/images/articles/875/img21.gif
[15] نص شريط العنوان/Navbar Text :
http://www.traidnt.net/Portal/images/articles/875/img22.gif
[16] الخط المبرز /Highlighted Font :
عند البحث عن كلمة أو جملة ما يتم تلوينها في الموضوع باللون الذي تحدده في هذه الخاصية
http://www.traidnt.net/Portal/images/articles/875/img23.gif
[17] إبراز عنصر السطر الإداري/Inline Moderation Element Highlight :
عند تحديد مشاركة أو موضوع معين يتم تظليله باللون الذي تحدده في هذه الخاصية ...
http://www.traidnt.net/Portal/images/articles/875/img24.gif
[18] محيط اللوحة/Panel Surround :
http://www.traidnt.net/Portal/images/articles/875/img25.gif
[19] اللوحة (الأشكال)/Panel Forms :
http://www.traidnt.net/Portal/images/articles/875/img26.gif
رمز Code:

[20] <legend> :
http://www.traidnt.net/Portal/images/articles/875/img27.gif
[21] التحكم بالقوائم المنبثقة/Popup Menu Controls :
http://www.traidnt.net/Portal/images/articles/875/img28.gif
[22] جسم قائمة الإنبثاق/Popup Menu Body :
http://www.traidnt.net/Portal/images/articles/875/img29.gif
[23] خيار صف قائمة الإنبثاق/Popup Menu Option Row :
http://www.traidnt.net/Portal/images/articles/875/img30.gif
[24] خيار سطوع القوائم المنبثقة/Popup Menu Highlighted Option :
http://www.traidnt.net/Portal/images/articles/875/img31.gif
[25] قائمة الانتقال السريع/Forum Jump Menu Classes :
http://www.traidnt.net/Portal/images/articles/875/img32.gif
و بهذا نكون قد انتهينا من التعريف بكل خاصية و المنطقة الخاصة بها في الاستايل ... أتمنى من الله أن أكون قد وفقت في الشرح و إن كان به أي خطأ فالعذر من الله ثم منكم إخواني الكرام .... أتمنى للجميع التوفيق
----------------------
ولكبير خط الاقسام الفرعية
من ضمن خيار لون التوزيع الاول اذا كان مقاس الخط 9 او10 يبدل برقم 12 او 14 ويتم تكبير الخط

[ذبحني غلاك]

يسلموا حكاية روح
والله يعطيك العافيه
http://3b8-y.com/vb/images/smilies/100%20%28103%29.gif

[البدر]

حكاية روح

http://up.graaam.com/uploads/imag-5/10img101351f3220f.gif (https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwjF5rq9jYHTAhXFuRoKHU6oC7cQjRwIBw&url=https%3A%2F%2Fforums.graaam.com%2F387016.html&psig=AFQjCNEptBDnmLbST-zkBfn6_V26G6Qhkw&ust=1491059263486601)
http://3b8-y.com/vb/images/smilies/100%20%28108%29.gif

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً http://3b8-y.com/vb/images/smilies/100%20%286%29.gif

[عبير الليل]

لا جديد سوى رائحة التميز
تثور من هنا ومن خلال هذا الطرح
الجميل والمتميز ورقي الذائقه
في استقطاب ما هو جميل ومتميز
:200 (51):

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً http://3b8-y.com/vb/images/smilies/100%20%286%29.gif

[مرافئ الذكريات]

كم اسعدني رؤية متصفحك
وكم هو رااائع ان اجد هذا الذوووق الرفيع
يستنشق عبق الحيااة
طرح راااقي جدا ومميز
ابداع في اختيااراتك في انتظااار قااادمك
لك ودي

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً http://3b8-y.com/vb/images/smilies/100%20%286%29.gif

[جودي]

يسلموووو على رقي الطرح واختياره
ابداع لايضاهى بالطرح
سلمت يمناك وعساك على القوه
تحياتي لك

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً http://3b8-y.com/vb/images/smilies/100%20%286%29.gif

[وتين]

*/

سلمت اناملك على
ماجادت به من روعة بالطرح
دام لنا ابداعك بأرقى حالاته
بأنتظار عطائك القادم
كل التقدير
:100 (105):

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً http://3b8-y.com/vb/images/smilies/100%20%286%29.gif

[الاستاذ]

يسلموووو على رقي الطرح واختياره
ابداع لايضاهى بالطرح
سلمت يمناك وعساك على القوه
تحياتي لك

[عاشق الجنان]

دُمتَمْ بِهذآ الع ـطآء أإلمستَمـرٍ
يُسع ـدني أإلـرٍد على مـوٍضوعكً
تـقبلـوٍ خ ـآلص احترامي
لآرٍوٍآح ـكُ أإلجمـيله
http://3b8-y.com/vb/images/smilies/100%20%28105%29.gif

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً http://3b8-y.com/vb/images/smilies/100%20%286%29.gif

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

معلومات وشرح جميل
سلمت
والاختيار الجميل
ودمت والحضور البهى
باقة سوسن
وتحية ود

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً http://3b8-y.com/vb/images/smilies/100%20%286%29.gif

[جوري]

| ...

طرحٌ مُخضبٌ بـِ الروعة
خطوه النور ، ومداه العطور
تحيتي والياسمين ..!

http://3b8-y.com/vb/images/smilies/200%20(44).gif

[وردهه]

يسلمو ايديك ع الموضوع
وربي يعطيك الصحه والعافيه
في انتظار جديد مواضيعك
ربي يسعدك

[دلاُل..✾]

طرح في غايه آلروعه وآلجمال
سلمت آناملك على الانتقاء الاكثر من رائع
ولاحرمنا جديدك القادم والشيق
ونحن له بالإنتظار,,~

[حكآية روح]

الشكر ينساب لكم مراراً على تواجدكم العذب هنا
سعدت به كثيراً
:100 (103):

[حسن الوائلي]

فَيْضٌ مِنَ الْجَمَالِ أَنَهْمِرُ كَالْْغَيْثِ
مِنْ سَحَابَةِ الْأبْدَاعِ وَالتَّمَيُّزِ وَالْعَطَاءِ
سَحَرَ أنَامِلِ عَزَفَتْ لَحْنًا مِنَ التَّأَلُّقِ عَانَقَ الْمَجْدُ
سَلَّمَتِ الأيادي وَبُورِكَ نَبْضُكُمِ الْهَادِرُ
دُمْتُم وَدَامَ تَمَيُّزُكُمْ نِبْرَاسًا لَا يَنْطَفِئُ
تَحِيَّتَي وَخَالِصَ الْوَدِّ وَالتَّقْديرِ

[امير بكلمتى]

انتقاء بآذخ الجمآل ,
بِ إنتظآر المزيد من هذآ الفيض ,
لك من الشكر وافره,~

https://www.3b8-y.com/vb/images/smilies/100%20(16).gif

[رفيق الالم]

..

طرح جميـــــل ..||
دام التألق ... ودام عطاء نبضك
كل الشكر لهذا الإبداع,والتميز...!!
وبآنتظار روائع جديدك بكل شوق...!
ودي وعبق وردي ..||
http://www.nalwrd.com/vb/upload/4279nalwrd.gif

[♥..αмαℓ]

::

طرح جميل
دام التألق ودام عطاء نبضك
كل الشكر لهذا الإبداع والتميز
لك مني كل التقدير
وبآنتظار روائع جديدك بكل شوق
ودي وعبق وردي..~

:100 (103):

[سما الموج]

طرح مميز
يعطيكم العافية على هـ الاختيار الراقي
وفي انتظار المزيد من مواضيعكم الجميلة
:for_you_by_vafiehya

[رهينة الماضي]

يسلموووو على رقي الطرح واختياره
ابداع لايضاهى بالطرح
سلمت يمناك وعساك على القوه
تحياتي لك
:red_rose_by_jasmine:red_rose_by_jasmine

[جازلك غيري]

‏*,

رائع ما جادت به أناملك
مكنون جميل ..
سلم الجهد ولك الشكر أرتال

[عذبة المعاني]

‏



فيضَ مَنَ الجَمــالْ الَذي سكبتهْ
تِلَكَ الَـأنــاملْ الَاَلمَــاَسيَةَ ..!
طًرّحٌ مٌخملَي ..,
كُلْ شَئَ مختلفْ هُنــا
يعطَيكـًم العآفية .. ولـآحرَمنآ منَكـًم
بإنتظَآرَ جَديِدكًـم بشغفَ .. :308773e9e2a1a279e65



‏

[امير بكلمتى]

يعطِـــيكْ العَآفيَـــةْ
عَلَـــىْ روْعـــَــةْ طرْحِـــكْ’
بإآنْتظَـــآرْ الَمزيِــدْ منْ إبدَآعِكْ
لــكْ كثَيفَ وَد وبَتلةَة ياسَميَن

https://www.3b8-y.com/vb/images/smilies/200%20(53).gif

[رهينة الماضي]

يسلموووو على رقي الطرح واختياره
ابداع لايضاهى بالطرح
سلمت يمناك وعساك على القوه
تحياتي لك

[امير بكلمتى]

موضوع رائع ومميز
طرحت فابدعت الانتقاء
فسلمت انامل البهاء
ودمت ودام عطائك
ودائما بأنتظار جديدك الشيق
تقديري
وعذب التحاياااا
:100 (103):