مجتمع روابط فى بي  

العودة   مجتمع روابط فى بي > ‫روابط تطوير ودعم المنتديات > رابط تعليم تصميم الستايلات لمنتديات

[css] شرح خيارات css الرئيسي

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

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 11-12-2015   #1
Mohamed Talidi
رابط مشارك
 
الصورة الرمزية Mohamed Talidi
 
التسجيل: December 9
المشاركات: 160
تقييم المستوى: 4
Mohamed Talidi
افتراضي [css] شرح خيارات css الرئيسي

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

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

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

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




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

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


[css] خيارات الرئيسي l4C47800.gif


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


[css] خيارات الرئيسي xTU47852.gif


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

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


[css] خيارات الرئيسي rY147904.gif


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


[css] خيارات الرئيسي hNM47955.gif


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

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

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


[css] خيارات الرئيسي Jzt48124.gif




[css] خيارات الرئيسي ZdE48167.gif


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


[css] خيارات الرئيسي rwd48222.gif

[css] خيارات الرئيسي bZx48252.gif






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


[css] خيارات الرئيسي NFi48312.gif



[css] خيارات الرئيسي mgW48340.gif

[css] خيارات الرئيسي 7IM48372.gif

[css] خيارات الرئيسي xZb48403.gif






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


[css] خيارات الرئيسي Ih948455.gif

[css] خيارات الرئيسي OAQ48484.gif






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


[css] خيارات الرئيسي 8Oo48538.gif


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


[css] خيارات الرئيسي 7VQ48590.gif


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

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


[css] خيارات الرئيسي NPj48641.gif


[css] خيارات الرئيسي sGS48664.gif




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


[css] خيارات الرئيسي tnH48715.gif


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


[css] خيارات الرئيسي Qt148869.gif




[css] خيارات الرئيسي mu548891.gif

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


[css] خيارات الرئيسي KRF48935.gif


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


[css] خيارات الرئيسي ok548979.gif


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


[css] خيارات الرئيسي ZrU49036.gif


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

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


[css] خيارات الرئيسي n7h49086.gif


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

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


[css] خيارات الرئيسي 6k549147.gif


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


[css] خيارات الرئيسي gD349197.gif


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


[css] خيارات الرئيسي ROX49242.gif


[20] <legend> :


[css] خيارات الرئيسي 9BU49344.gif


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


[css] خيارات الرئيسي RIV49405.gif


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


[css] خيارات الرئيسي r7g49452.gif


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


[css] خيارات الرئيسي Gv749500.gif


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


[css] خيارات الرئيسي V3A49546.gif


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


[css] خيارات الرئيسي Pcd49590.gif


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


FcssD avp odhvhj css hgvzdsd

Mohamed Talidi غير متصل   رد مع اقتباس
قديم 12-12-2015   #2
NESCAFE
:: مراقب التنظيم والمتابعه ::
 
التسجيل: November 16
المشاركات: 762
تقييم المستوى: 10
NESCAFE
افتراضي رد: [css] شرح خيارات css الرئيسي

شكرا لك على الشرح المنسق تسلم ايدك

NESCAFE غير متصل   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
تستطيع إضافة مواضيع جديدة
تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is .
كود HTML معطلة



الساعة الآن 10:02 PM


Powered by vBulletin® Version 3.8.7