منتدي الزعيم

شرح خيارات CSS الرئيسي للنسخة vB3.6.X

اذهب الى الأسفل

شرح خيارات CSS الرئيسي للنسخة vB3.6.X

مُساهمة من طرف alzaem في الأحد 10 مايو - 21:17

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

السلام عليكم و رحمة الله و بركاته سنتحدث في هذا الشرح عن كيفية التعديل على ألوان الاستايل في المنتدى و 

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

تحكم منتداك : [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] و من ثم أدخل بيانات لوحة 

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

الصورة التالية 

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

"الرئيسي CSS" كما في الصورة التالية 

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

منطقة يؤثر في الاستايل (موضح بالصور) [1] خلفية المنتدى/Body 

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الكود:
<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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الكود:
قوائم <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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
avatar
alzaem
alzaem

عدد المساهمات : 992
تاريخ التسجيل : 29/11/2012
العمر : 33
الموقع : alzaem

http://alzaem.getgoo.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


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