شرح تفصيلي لرمز CSS لمساحة بايدو

اسم المساحة ومنطقة المقدمة

#header - الجزء الرئيسي - جزء العنوان بالكامل من رأس المساحة
#header div.lc —— صورة الخلفية في الزاوية العلوية اليسرى من الصفحة الرئيسية
#header div.rc —— صورة الخلفية في الزاوية اليمنى العليا من الصفحة الرئيسية
#header div.tit - اسم المساحة والعنوان الرئيسي وحجم الاسم واللون
#header div.tit a.titlink - رابط اسم المساحة، لم يتم النقر عليه
#header div.tit a.titlink:visited —— الرابط الذي تمت زيارته
#header div.desc - مقدمة المساحة، أي العنوان الفرعي والموضع والحجم

وشريط التنقل

#tabline - الخط الأفقي الموجود أسفل القائمة، وهو الفاصل، ويستخدم لفصلها عن اسم المساحة
#tab - النص الرئيسي لشريط قائمة التنقل - صورة الخلفية لشريط "المدونة الرئيسية | الألبوم..." في أعلى الصفحة
#tab a.on,#tab a.on:link,#tab a.on:تمت زيارته - الحالة المحددة، أي "رابط شريط التنقل"، الحجم، اللون + الخلفية
#tabspan - الفاصل "|" بين عناصر شريط التنقل
#tab a:link ——TAB "Blog|Album..." لون رابط العمود، لم يتم النقر عليه
#tab a:تمت الزيارة —— تمت زيارة الرابط "المدونة|الألبوم...".
#tab2 ——(الخيارات الأساسية | إعدادات القالب | الإعدادات المتقدمة | إحصائيات الوصول) خصائص نص القائمة لهذا السطر
#tab2span ——حالة TAB المحددة
#tab2 أ ——حالة TAB غير محددة
#tab2 أ:رابط

منطقة محتوى

التي تمت زيارتها

.stage - جميع أجزاء نص الصفحة (أسفل شريط التنقل)

والمناطق الأخرى (أي معلومات مثل عدد الزيارات)
#comm_info الجزء الرئيسي - لون وموضع عبارة "لقد زار الأشخاص هذه المساحة" في "أخرى"
#comm_info div.line - الإعدادات ذات الصلة للخط الفاصل الوردي ضمن "لقد زار الأشخاص هذه المساحة"
#comm_info أ - "ما هو لون RSS في "أخرى"؟"
#comm_info a:hover - تأثير التحويم
#comm_info.mod - عنوان المنطقة
#m_comm_info.modbox——وحدات المنطقة الأخرى
#pvshow —— خط رقم الزيارة #m_comm_info div a ——

منطقة رقم صفحة

#page —— موضع حجم ارتفاع الجسم
#pagespan——رقم الصفحة الحالية (غير قابل للنقر)
#page a.pc —— لم يتم النقر على الصفحة السابقة والصفحة التالية
تم النقر على #page a.pc:visited ——
#page a.pi - رقم الصفحة (قابل للنقر)

منطقة وحدة

التي تمت زيارتها

.mod - عنوان الوحدة، والتباعد العلوي والسفلي
.modhandle{المؤشر: نقل}
.modth - المسافة بين نص شريط عنوان الوحدة والنص
.modhead - موقع منطقة عنوان الوحدة
.modopt - منطقة تشغيل الوحدة النمطية (مثل كتابة مقال جديد)، والتباعد
.modtit - حجم ولون منطقة عنوان الوحدة (مثل قائمة المقالات والملفات الشخصية)
.modtitlink – رابط عنوان الوحدة
.modact - روابط نصية للعملية، وروابط "تعديل الملف الشخصي"، - إعدادات الحجم واللون ذات الصلة لـ "تحرير" والروابط الأخرى في الزاوية اليمنى العليا.
.modbox - لون الخلفية الرئيسي لمنطقة محتوى الوحدة، وما إلى ذلك.
a.modact:link - لون الرابط "تعديل الملف الشخصي".
a.modactlink:visited - الرابط الذي تمت زيارته
.modtl ——الوحدة النمطية في الزاوية العلوية اليسرى لخلفية صورة حافة الضواحي، العمود الأول، العمود الفارغ
.modtc —— صورة الخلفية في الوحدة، العمود الثاني والثالث، الملفات الشخصية، تعديل المعلومات الشخصية
.modtr - خلفية صورة الخلفية في الزاوية اليمنى العليا من الوحدة، العمود الرابع، العمود الفارغ
.modbl - خلفية صورة الخلفية في الزاوية اليسرى السفلية من الوحدة
.modbc —— خلفية صورة خلفية في أسفل وأسفل الوحدة
.modbr ——

منطقة المقالة

#m_blog div.tit - عنوان المقالة
#m_blog div.tit a - رابط عنوان المقالة وحجمه ولونه، لم يتم النقر عليه
#m_blog div.tit a:visited - حجم عنوان المقالة ولونه للروابط التي تمت زيارتها
#m_blog div.date - تاريخ نشر المقالة وحجم النص ولونه
#m_blog div.cnt —— حجم محتوى المقالة ولونها
#m_blog div.more ——“اقرأ المزيد >>”
#m_blog div.more أ ——حجم ولون "قراءة النص الكامل>>"، لم يتم النقر عليه
#m_blog div.more a:visited - حجم ولون "اقرأ المزيد >>" للروابط التي تمت زيارتها
#m_blog div.opt - منطقة تشغيل المقالة (مثل حجم اللون لـ "تحرير"، وما إلى ذلك)
#m_blog div.opt أ —— حجم رابط عملية المقالة ولونه
#m_blog div.opt a:visited - "تحرير حذف التعليقات (4) عرض (21)" الروابط التي تمت زيارتها
#m_blog div.line - الإعدادات ذات الصلة بالشريط الفاصل
#m_blog div.none - لا توجد معلومات مطالبة بالمقال، وإعدادات غير مرئية، ولا حاجة لتغيير

منطقة الملف الشخصي
#mod_profile.modtit - عنوان الملف الشخصي للصفحة الرئيسية
#m_pro أ - لون "عرض التفاصيل" في الملف الشخصي، لم يتم النقر عليه
#m_pro أ:hover——تأثير التحويم
#m_pro a:visited - رابط "عرض التفاصيل" في الملف الشخصي الذي تمت زيارته
#m_pro div.image - موضع عرض الصورة الرمزية الشخصية في الملف الشخصي، مقسم إلى "الوسط، اليسار، اليمين"
#m_pro div.act - منطقة التشغيل - التباعد بين المقدمة الشخصية والصورة الرمزية
#m_pro div.user - حجم ولون اسم المستخدم الشخصي
#m_pro div.desc - حجم ولون الملف الشخصي
#m_pro div.line —— الخط الفاصل
#m_pro td
#m_pro .photo —— خلفية الصورة (لا يمكن معاينة هذا العنصر أدناه)
#m_pro .photo td —— أضف كصديق وأرسل رسالة تحتوي على "|" في المنتصف
#m_pro .photo .image
#m_pro .photo .line - تسطير الصورة الرمزية
#m_pro .ref
#m_pro .ref .tit - من "اسم المستخدم" إلى "الدائرة"
#m_pro .ref .cnt
#m_pro .basic td —— اسم المستخدم لعرض قائمة انتظار المستخدم على Baidu
#m_pro .basic .tit
#m_pro .basic a:hover —— رابط تاريخ مقاطعة الذكور، الرابط الذي يحوم الماوس فوقه، لم يتم النقر فوقه
#m_pro .basic a.nlk:hover——"خطاب طيبه" "اعرف الجواب"
#m_pro .pline —— الخط الفاصل الأوسط
#m_pro .pitem —— ارتفاع الخط
#m_pro .pitem .tit - المدارس التي التحقت بها وما إلى ذلك.

منطقة ألبوم

حيث يحوم الماوس

#m_album div.image - موضع عرض الصور في الألبوم، مقسم إلى "الوسط، اليسار، اليمين"
#m_album div.page - "الصفحة السابقة" >> "الصفحة التالية"
#m_album div.page a —— لم يتم النقر على "الصفحة التالية" من "الصفحة السابقة"
#m_album div.page a:visited - روابط إلى "الصفحة التالية" من "الصفحة السابقة" التي تمت زيارتها
#m_album div.image —— منطقة معاينة الألبوم
#m_album a img - رابط الصورة
#m_album a:hover img —— تأثير تمرير الصورة
#cbut——زر تشغيل الألبوم
#cbut a img{border:0px;filter:alpha(enabled=0)} ——

منطقة الارتباط الملائمة

#m_links div.item - العنصر الفرعي - لون الخط وحجمه في الروابط المألوفة
#m_links div.item أ - الاسم (الرابط) - حجم ولون الخط في الرابط المألوف، لم يتم النقر عليه
#m_links div.item a:visited - حجم ولون الخط الموجود في الرابط المألوف الذي تم النقر عليه
#m_links div.line -

الوحدة المخصصة للخط الفاصل 1-4
#m_mylink1-4 div.item —— محتوى "الوصف"
#m_mylink1-4 div.item a —— اسم رابط العنوان
#m_mylink1-4 div.item a:تمت الزيارة —— تمت زيارة اسم رابط العنوان الرابط

منطقة تصنيف المقالات

ذات السطر الفاصل

#m_artclg div.item ——العنصر الفرعي —— عدد المواضيع خلف كل فئة في فئة المقالة وحجم ولون الأقواس
#m_artclg div.item a ——اسم الفئة (رابط) ——حجم ولون كل فئة في فئة المقالة، لم يتم النقر عليها
#m_artclg div.item a:تمت زيارته - الروابط التي تمت زيارتها في كل فئة من فئات المقالة
#m_artclg div.line - الخط الفاصل - الإعدادات ذات الصلة للفواصل بين الفئات في فئات المقالة

ومنطقة التعليق الأحدث
#m_comment div.item - العنصر الفرعي - حجم ولون اسم المستخدم في التعليق الأخير، والذي لم يتم النقر عليه
#m_comment div.item a - حجم ولون اسم المستخدم في التعليق الأخير، والذي لم يتم النقر عليه
#m_comment div.item a:visited - حجم ولون اسم المستخدم في التعليق الأخير الذي تم النقر عليه
#m_comment div.item a.cnt - حجم ولون نص التعليق في التعليق الأخير، والذي لم يتم النقر عليه
#m_comment div.item a.cnt:visited - حجم ولون نص التعليق في أحدث التعليقات للروابط التي تمت زيارتها
#m_comment div.item a.cnt:hover - الرابط الذي يمرر الماوس فوق نص التعليق في آخر تعليق

قائمة الألبوم

بالإعدادات ذات الصلة لتقسيم الخطوط بين التعليقات في أحدث التعليقات

#m_albumlist——خلفية منطقة الألبوم في الطبقة الأولى
#m_albumlist div.none —— لا توجد معلومات مطالبة بالصور
#m_albumlist a img —— صورة غلاف ألبوم صغير
#m_albumlist a:hover img —— تأثير تمرير الماوس
#m_albumlist div.line - الخط الفاصل
#m_albumlist div.tit —— عنوان الألبوم
#m_albumlist div.tit أ
#m_albumlist div.tit a:hover —— تأثير التمرير
#m_albumlistspan.count – عدد الصور
#m_albumlist a.act —— رابط منطقة العمليات، مثل التحرير والحذف
#m_albumlist a.act:hover —— تأثير تمرير الماوس
#m_albumlist div.note —— منطقة صورة الطبقة الثانية من الألبوم
#m_albumlist div.desc —— مقدمة الألبوم
#m_albumlistspan.size - حجم الصورة
#m_albumlist #page ——رقم الصفحة الحالية
#m_albumlist #page a - أرقام الصفحات الأخرى
#m_albumlist #page a:hover —— تأثير تمرير الماوس
#imagee a img —— منطقة صورة الطبقة الثالثة
#m_albumlist div.phimg a img - صورة
#m_albumlist div.phimg a:hover img —— نمط التمرير على زر الصورة
#m_albumlist div.phinfo —— معلومات الصورة
#m_albumlist div.phpage —— منطقة أزرار التشغيل
#m_albumlist div.phpage a img —— زر الإجراء
#m_albumlist div.phpage a:hover img —— زر الإجراء بنمط تمرير

قائمة الأصدقاء
#m_friend div.filter
#m_friend div.catalog
#m_friend a img —— الصورة الرمزية للصديق
#m_friend a:hover img —— تأثير التمرير
#m_friend div.user
#m_friend div.user أ - اسم الصديق (الرابط)، لم يتم النقر عليه
#m_friend div.user a:hover —— تأثير التمرير
#m_friend div.user a img —— صورة زر الإجراء
#m_friend div.user a:hover img —— صورة زر الإجراء
#m_friend div.user a:visited - الرابط الذي تمت زيارته
#m_friend div.line -

إحصائيات الوصول إلى إعدادات الخط الفاصل وإعدادات القالب
#m_setting أ - الرابط {اللون:#3399CC}
#m_setting a:hover - تأثير التحويم
#m_setting a: تمت زيارته - إعدادات الألوان، الروابط التي تمت زيارتها
#m_setting - تم النقر على إعداد لون الجسم
#m_setting img.sel ——معاينة القالب (الحالة المحددة) {border:4px Solid #FFDB7B}
#m_setting img.unsel - معاينة القالب (حالة غير محددة)
#m_settingspan.tit - اسم عنوان القالب
#m_settingspan.usr - اسم المؤلف
#m_setting div.sel - نص "القالب الحالي".
#m_setting div.line -

إعلان نظام

#m_sysinfo أ - تحديد لون الرابط، دون النقر عليه
#m_sysinfo a:تمت الزيارة - إعدادات الألوان، الروابط التي تمت زيارتها
#m_sysinfo - حجم لون الجسم
#m_sysinfospan.new - أحدث مقاس للألوان
#m_sysinfospan.date -

الخيارات الأساسية

#m_setbase - حجم لون الجسم الرئيسي
#m_setbase td —— حجم اللون
#m_setbase div.line —— الخط الفاصل
#spSpaceName - اسم المساحة
#spSpaceDescri – مقدمة عن الفضاء
#spConfigDispNum - عرض المقالات في كل صفحة
#spConfigDispMod - عرض المقالة
#spDateMod - تنسيق الوقت
#btn_submit - حفظ

تعليقات المستخدم

#in_comment ——عرض الجسم
#in_comment div.tit —— إعدادات مثل لون العنوان وحجمه
#in_comment div.user - اسم الملصق والرقم التسلسلي ولون الخط وحجمه وإعدادات أخرى
#in_comment div.user أ - حجم لون الشخص الذي نشر الاسم (الرابط) الذي لم يتم النقر عليه
#in_comment div.user a:visited - الروابط التي تمت زيارتها
#in_comment div.userspan.date ——حجم لون وقت النشر
#in_comment div.desc —— لون محتوى التعليق وحجمه
#in_comment div.line - إعداد الفاصل
#in_send div.tit - إعدادات أرشيف التعليقات (العنوان)

.
#m_filed div.item - إعدادات حجم لون السمة
#m_filed div.item أ - إعداد حجم اللون الذي لم يتم النقر عليه
#m_filed div.item a:visited - الرابط الذي تمت زيارته
#m_filed div.line - الخط الفاصل

للزوار الجدد
#m_track أ —— لون وحجم خط معرف الزائر
#m_track a:hover - الرابط الذي يحوم فيه الماوس فوق المعرف
#m_track a img - تأثير الفلتر للصورة الرمزية للزائر، وتأثيرات الفلتر الأخرى {filter:invert}، {filter:xray}
#m_track a:hover img —— تأثير التمرير بالماوس على الصورة الرمزية للزائر

في بحث Baidu
#m_search —— منطقة بحث بايدو
#m_search input.text - "الإنترنت" وإعدادات الخطوط الأخرى
#m_search input.radio - "الإنترنت" وإعدادات الخلفية الأخرى
#m_search input.submit - إعدادات "بحث بايدو".
#mod_search.mod{background:url() no-repeat 0% 0%} —— عنوان بحث بايدو
#m_search input.text —— مربع الإدخال
#m_search label —— منطقة مربع التحديد
#m_search input.radio —— الدائرة الموجودة أمام مربع التحديد
#m_search input.submit ——

لوحة رسائل

#mod_board.mod——وحدة لوحة الرسائل
#mod_board table.modth —— إذا لم يتم تعيين العناصر الستة التالية، فسيتم توريث نمط الوحدة العامة.
#mod_board td.modtl
#mod_board div.modhead
#mod_boardspan.modtit
#mod_board td.modtc
#mod_board td.modtr
input.#spBCmtAuthor —— مربع إدخال اسم الرسالة
input.#spBCmtURL —— مربع إدخال عنوان URL للرسالة
#spBCmtText —— مربع إدخال الرسالة
#vercode input —— مربع إدخال رمز التحقق
#in_send td.f14 الإدخال —— زر الرسالة
#in_msg div —— منطقة الرسائل
#in_msg a —— رابط منطقة الرسائل
#in_msg a:hover —— تأثير التمرير
#in_msg div.tit —— عنوان رسالة مستخدم الإنترنت
#in_msg table.item —— عنوان رسالة مستخدم الإنترنت
#in_msg td.index —— الرقم التسلسلي للرسالة
#in_msg div.user —— مراسلة المستخدم
#in_msg div.user a img —— الصورة الرمزية للمستخدم
#in_msg div.user a:hover img —— تأثير التمرير
#in_msg td.cnt —— وقت الرسالة
#in_msg div.desc —— محتوى الرسالة
#in_msg div.line - الخط الفاصل

لمجموعتي
#m_cang div.item —— ضبط حجم اللون للهيكل الرئيسي
#m_cang div.item أ —— إعداد حجم اللون الذي لم يتم النقر عليه
#m_cang div.item أ:تحويم —— تأثير التحويم
#m_cang div.item a:تمت الزيارة —— الرابط الذي تمت زيارته
#m_cang div.line -

الرسم البياني للخط

.stat td{line-height:22px;color:#333333;font-size:14px}/*الخطوط مثل الزيارات التراكمية*/
.chart{position:relative;margin:10px 0 30px 31px;border:1px Solid #B3B3DC}/*الخط الأيسر على المخطط الشريطي*/
.chart div.bar,.chart div.barhl{position:absolute;background:#DCDCF4;border:1px Solid #B3B3DC;line-height:0}/*لون عمود الخطاللون السفلي*/
.chart div.barhl{background:#C2C2F4}/*تأثير تحريك عمود الخط*/
.chart div.liney{position:absolute;border-top:1px dotted #B9B9B9;line-height:0}/*الخط الفاصل*/
.chart div.titx,.chart div.titxhl,.chart div.tity{position:absolute;color:#666;font-size:9px;font-family:Arial;text -align:center;white-space:nowrap }/*أرقام الإحداثيات*/
.chart div.titxhl{color:#FF0000}/*لون خط البداية للشهر*/
.chart div.hit{position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;font-family:Arial}/*تأثير إحصائيات الوصول إلى عمود السطر*/
مخطط div.tity{محاذاة النص:يمين}
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px Solid #CDCDCD}/* فيما يلي إعدادات التحليل*/
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px Solid #CDCDCD}
.stattop .list{الهامش العلوي:6px}
.stattop .list td{height:20px}

التقويم
#mod_cals .modbox - وحدة التقويم
#cals —— الخلفية الرئيسية للتقويم، الحدود
#mod_cals .modbox td - إعدادات لون الخط
#m_cals —— تعيين لون خلفية الوحدة
#m_cals div —— إعدادات الخلفية
#cals .cal_body,#cals .cal_mth —— جزء التاريخ باستثناء وحدة تحكم السنة والشهر، بما في ذلك الأسبوع والتاريخ العام
#cals .cal_yr table —— جدول السنة والشهر
#cals .cal_yr td——*خلية السنة والشهر
#cals .cal_yr .cal_pre - سهم الشهر السابق (عادي)
#cals .cal_yr .cal_nxt - سهم الشهر التالي (عادي)
#cals .cal_yr .cal_pre_ovr - سهم الشهر السابق (تمرير الماوس)
#cals .cal_yr .cal_nxt_ovr - سهم الشهر التالي (تمرير الماوس)

أحدث المقالات من الأصدقاء
#mod_friblog .modbox —— وحدة لأحدث مقالات الأصدقاء
#m_friblog div.item —— إعداد حجم اللون للنص الرئيسي لاسم الصديق
#m_friblog div.item a —— إعداد حجم اللون لاسم الصديق الذي لم يتم النقر عليه
#m_friblog div.item a:visited - الرابط الذي تمت زيارة اسم الصديق فيه
#m_friblog div.item a.cnt —— حجم لون محتوى المقالة
#m_friblog div.item a.cnt:visited - رابط لمحتوى المقالة الذي تمت زيارته
#m_friblog div.item a.cnt:hover —— تأثير التمرير لمحتوى المقالة
#m_friblog div.line - الخط الفاصل
#m_friblog a img —— تأثير المرشح للصورة الرمزية للصديق، وتأثيرات المرشح الأخرى
#m_friblog a:hover img - تأثير تمرير الماوس على الصورة الرمزية للصديق