منتدي الزعيم

شرح خيارات 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
العمر : 32
الموقع : alzaem

http://alzaem.getgoo.net

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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