درس تغيير خيارات الستايل الخط و اللون و الجداول و القوائم

admin

الادارة
طاقم الإدارة
#1
درس تغيير خيارات الستايل الخط و اللون و الجداول و القوائم



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

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

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

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

http://www.yoursitename.com/vb/admincp

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





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





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

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





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





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

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

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










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











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

















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











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





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





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

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










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





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









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





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





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





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

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









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

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





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





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





[20] <legend> :





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





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





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





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





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





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

المصدر : مدرسة اللولو جرافكس التعليمية
 

مزاج كاتب

مراقب اقسام
طاقم الإدارة
#2
رد: درس تغيير خيارات الستايل الخط و اللون و الجداول و القوائم

يعطيك العافية أخي حيدر على تقديم هذا المجهود المميز و إتاحته للإستفادة منه..مودتي و تقديري لك..سلمت يداك:1h04:
 

بنوته مصريه

مراقب اقسام
طاقم الإدارة
#3
رد: درس تغيير خيارات الستايل الخط و اللون و الجداول و القوائم

:5h3: