Penjelasan rinci kode CSS ruang Baidu

Nama ruang dan area pengenalan

#header - bagian utama - seluruh bagian judul dari header ruang
#header div.lc ——Gambar latar belakang di sudut kiri atas beranda
#header div.rc—Gambar latar belakang di pojok kanan atas beranda
#header div.tit - nama spasi, judul utama, ukuran dan warna nama
#header div.tit a.titlink - tautan nama spasi, tidak diklik
#header div.tit a.titlink:visited—Tautan yang telah dikunjungi
#header div.desc - Pengenalan spasi, yaitu subtitle, posisi, ukuran,

bilah navigasi

#tabline - garis horizontal di bawah menu, yang merupakan pemisah, digunakan untuk memisahkannya dari nama spasi
#tab - Bagian utama bilah menu navigasi - Gambar latar belakang bilah "Beranda Blog | Album..." di bagian atas halaman
#tab a.on,#tab a.on:link,#tab a.on:visited - status yang dipilih, yaitu, "tautan bilah navigasi", ukuran, warna + latar belakang
#tab span - Pemisah "|" antara item bilah navigasi
#tab a:link ——TAB "Blog|Album..." warna link kolom, tidak diklik
#tab a:visited—"Blog|Album..." tautan telah dikunjungi
#tab2 ——(Opsi Dasar | Setelan Templat | Setelan Lanjutan | Statistik Akses) Properti isi menu pada baris ini
#tab2 span ——TAB status yang dipilih
#tab2 a—TAB status tidak dipilih
#tab2 a:tautan

konten

yang telah dikunjungi

.stage - semua bagian badan halaman (di bawah bilah navigasi)

dan area lainnya (yaitu informasi seperti jumlah kunjungan)
#comm_info Bagian utama - warna dan posisi "Orang telah mengunjungi ruang ini" di "Lainnya"
#comm_info div.line - Pengaturan terkait untuk garis pemisah berwarna merah muda di bawah "Orang telah mengunjungi ruang ini"
#comm_info a - "Apa itu warna RSS?"
#comm_info a:hover - efek hover
#comm_info.mod - judul area
#m_comm_info.modbox—Modul area lainnya
#pvshow—Kunjungi font nomor #m_comm_info div a—

Area nomor halaman

#halaman ——posisi ukuran tinggi badan
#rentang halaman—Nomor halaman saat ini (tidak dapat diklik)
#page a.pc— Halaman sebelumnya dan halaman berikutnya tidak diklik
#page a.pc:visited— telah diklik
#page a.pi - nomor halaman (dapat diklik)

modul

yang telah dikunjungi

.mod - judul modul, spasi atas dan bawah
.modhandle{kursor:pindah}
.modth - jarak antara badan bilah judul modul dan teks
.modhead - lokasi area judul modul
.modopt - area operasi modul (seperti menulis artikel baru), spasi
.modtit - ukuran dan warna area judul modul (seperti daftar artikel, file pribadi)
.modtitlink – tautan judul modul
.modact - Tautan teks operasi, tautan "Ubah profil", - Pengaturan ukuran dan warna terkait untuk "Edit" dan tautan lain di sudut kanan atas.
.modbox - warna latar belakang utama area konten modul, dll.
a.modact:link - warna tautan "Ubah profil".
a.modactlink:visited - tautan yang telah dikunjungi
.modtl ——Modul latar belakang gambar tepi pinggiran kota sudut kiri atas, kolom pertama, kolom kosong
.modtc—Gambar latar belakang dalam modul, kolom kedua dan ketiga, file pribadi, ubah informasi pribadi
.modtr - gambar latar belakang di sudut kanan atas modul, kolom keempat, kolom kosong
.modbl - latar belakang gambar latar belakang di sudut kiri bawah modul
.modbc— Latar belakang gambar latar belakang di bagian bawah dan bawah modul
.modbr ——Gambar latar belakang

area artikel

#m_blog div.tit - judul artikel
#m_blog div.tit a - link judul artikel, ukuran dan warna, tidak diklik
#m_blog div.tit a:visited - Ukuran dan warna judul artikel untuk tautan yang dikunjungi
#m_blog div.date - tanggal publikasi artikel, ukuran dan warna teks
#m_blog div.cnt— Ukuran dan warna konten artikel
#m_blog div.more ——“Baca selengkapnya>>”
#m_blog div.more a ——Ukuran dan warna "Baca teks lengkap>>", tidak diklik
#m_blog div.more a:visited - Ukuran dan warna "Baca selengkapnya>>" untuk tautan yang dikunjungi
#m_blog div.opt - area operasi artikel (seperti ukuran warna "Edit", dll.)
#m_blog div.opt a ——Ukuran dan warna tautan operasi artikel
#m_blog div.opt a:visited - "Edit Hapus Komentar (4) Lihat (21)" Tautan yang telah dikunjungi
#m_blog div.line - pengaturan terkait bilah pemisah
#m_blog div.none - tidak ada informasi cepat artikel, pengaturan tidak terlihat, tidak perlu mengubah

area profil pribadi
#mod_profile.modtit - judul profil beranda
#m_pro a - Warna "lihat detail" di profil, tidak diklik
#m_pro a:hover—efek hover
#m_pro a:visited - Tautan "Lihat detail" di profil yang telah dikunjungi
#m_pro div.image - Tampilan posisi avatar pribadi di profil pribadi, dibagi menjadi "tengah, kiri, kanan"
#m_pro div.act - area operasi - jarak antara perkenalan pribadi dan avatar
#m_pro div.user - ukuran dan warna nama pengguna pribadi
#m_pro div.desc - ukuran dan warna profil pribadi
#m_pro div.line— garis pemisah
#m_pro td
#m_pro .photo—Latar belakang foto (item ini tidak dapat dipratinjau di bawah)
#m_pro .photo td—Tambahkan sebagai teman dan kirim pesan dengan "|" di tengah
#m_pro .foto .gambar
#m_pro .photo .line - garis bawah avatar
#m_pro .ref
#m_pro .ref .tit - dari "nama pengguna" menjadi "lingkaran"
#m_pro .ref .cnt
#m_pro .basic td—Nama pengguna untuk melihat daftar tunggu pengguna di Baidu
#m_pro .basic .tit
#m_pro .basic a:hover—Link tanggal provinsi laki-laki, link yang dituju mouse belum diklik
#m_pro .basic a.nlk:hover—"Pidato Tieba" "Tahu jawabannya"
#m_pro .pline——garis pemisah tengah
#m_pro .pitem——tinggi font
#m_pro .pitem .tit - sekolah tempat saya bersekolah, dll.

area album

tempat mouse diarahkan

#m_album div.image - Tampilan posisi foto dalam album, dibagi menjadi "tengah, kiri, kanan"
#m_album div.page - "Halaman sebelumnya" >> "Halaman selanjutnya"
#m_album div.page a ——"Halaman berikutnya" dari "halaman sebelumnya" belum diklik
#m_album div.page a:visited - Tautan ke "halaman berikutnya" dari "halaman sebelumnya" yang telah dikunjungi
#m_album div.image—Area pratinjau album
#m_album a img - tautan gambar
#m_album a:hover img——efek hover gambar
#cbut——Tombol pengoperasian album
#cbut a img{border:0px;filter:alpha(enabled=0)} ——Tombol

area tautan ramah

#m_links div.item - sub-item - warna dan ukuran font di tautan ramah
#m_links div.item a - nama (link) - ukuran dan warna font di link ramah, tidak diklik
#m_links div.item a:visited - Ukuran dan warna font pada link ramah yang telah diklik
#m_links div.line - garis pemisah

modul khusus 1-4
#m_mylink1-4 div.item—isi "deskripsi"
#m_mylink1-4 div.item a—Nama tautan judul
#m_mylink1-4 div.item a:visited—Nama link judul telah dikunjungi link
#m_mylink1-4 div.line - garis pemisah

area klasifikasi artikel
#m_artclg div.item ——Subitem——Jumlah topik di balik setiap kategori dalam kategori artikel serta ukuran dan warna tanda kurung
#m_artclg div.item a ——Nama kategori (link) ——Ukuran dan warna tiap kategori pada kategori artikel, tidak diklik
#m_artclg div.item a:visited - tautan yang telah dikunjungi di setiap kategori kategori artikel
#m_artclg div.line - garis pemisah - terkait pengaturan pemisah antar kategori di kategori artikel,

area komentar terbaru
#m_comment div.item - sub-item - ukuran dan warna username pada komentar terbaru yang belum diklik
#m_comment div.item a - Ukuran dan warna nama pengguna di komentar terbaru, yang belum diklik
#m_comment div.item a:visited - ukuran dan warna nama pengguna di komentar terbaru yang telah diklik
#m_comment div.item a.cnt - ukuran dan warna teks komentar pada komentar terbaru yang belum diklik
#m_comment div.item a.cnt:visited - Ukuran dan warna teks komentar di komentar terbaru untuk tautan yang dikunjungi
#m_comment div.item a.cnt:hover - tautan yang mengarahkan mouse ke teks komentar di komentar terbaru

Daftar album

pengaturan terkait untuk membagi garis antar komentar di komentar terbaru

#m_albumlist—Latar belakang area album lapisan pertama
#m_albumlist div.none—Tidak ada informasi prompt foto
#m_albumlist a img——gambar sampul album kecil
#m_albumlist a:hover img—Efek mouseover
#m_albumlist div.line - garis pemisah
#m_albumlist div.tit—Judul album
#m_albumlist div.tit a
#m_albumlist div.tit a:hover——efek hover
#m_albumlist span.count – jumlah foto
#m_albumlist a.act—Tautan area operasi, seperti edit dan hapus
#m_albumlist a.act:hover—Efek mouseover
#m_albumlist div.note—Area gambar lapisan kedua album
#m_albumlist div.desc—Pengenalan album
#m_albumlist span.size - ukuran foto
#m_albumlist #page ——Nomor halaman saat ini
#m_albumlist #halaman a - nomor halaman lainnya
#m_albumlist #page a:hover—Efek mouseover
#imagee a img—Area gambar lapisan ketiga
#m_albumlist div.phimg a img - gambar
#m_albumlist div.phimg a:hover img——gaya tombol gambar hover
#m_albumlist div.phinfo—Informasi gambar
#m_albumlist div.phpage—Area untuk tombol pengoperasian
#m_albumlist div.phpage a img——Tombol tindakan
#m_albumlist div.phpage a:hover img——Tombol tindakan arahkan

daftar teman

#m_friend div.filter
#m_friend div.katalog
#m_friend a img——Avatar teman
#m_friend a:hover img——efek hover
#m_friend div.pengguna
#m_friend div.user a - Nama teman (link), tidak diklik
#m_friend div.user a:hover——efek hover
#m_friend div.user a img——Gambar tombol tindakan
#m_friend div.user a:hover img——Gambar tombol tindakan
#m_friend div.user a:visited - tautan yang telah dikunjungi
#m_friend div.line - statistik akses pengaturan garis pemisah

, pengaturan template
#m_setting a - tautan {warna:#3399CC}
#m_setting a:hover - efek melayang
#m_setting a:visited - pengaturan warna, tautan yang dikunjungi
#m_setting - pengaturan warna body, sudah diklik
#m_setting img.sel ——Pratinjau templat (negara bagian yang dipilih) {border:4px solid #FFDB7B}
#m_setting img.unsel - Pratinjau templat (keadaan tidak dipilih)
#m_setting span.tit - Nama judul templat
#m_setting span.usr - nama penulis
#m_setting div.sel - Teks "Template saat ini".
#m_setting div.line -

pengumuman sistem

#m_sysinfo a - pengaturan warna link, tidak diklik
#m_sysinfo a:visited - pengaturan warna, tautan yang dikunjungi
#m_sysinfo - ukuran warna tubuh
#m_sysinfo span.new - ukuran warna terbaru

opsi dasar

ukuran warna waktu

#m_setbase - ukuran warna bodi utama
#m_setbase td ——Ukuran warna
#m_setbase div.line— garis pemisah
#spSpaceName - nama ruang
#spSpaceDescri – Pengantar Luar Angkasa
#spConfigDispNum – Menampilkan artikel per halaman
#spConfigDispMod - tampilan artikel
#spDateMod - format waktu
#btn_submit - Menyimpan

komentar pengguna

#in_comment ——lebar badan
#in_comment div.tit ——Pengaturan seperti warna dan ukuran judul
#in_comment div.user - Nama poster, nomor seri, warna dan ukuran garis, serta pengaturan lainnya
#in_comment div.user a - ukuran warna orang yang memposting nama (link) yang belum diklik
#in_comment div.user a:visited - Tautan yang telah dikunjungi
#in_comment div.user span.date—Ukuran warna waktu publikasi
#in_comment div.desc ——Komentar warna dan ukuran konten
#in_comment div.line - pengaturan pemisah

arsip

komentar posting (judul).

#m_filed div.item - pengaturan ukuran warna tema
#m_filed div.item a - Pengaturan ukuran warna yang tidak diklik
#m_filed div.item a:visited - tautan yang telah dikunjungi
#m_filed div.line - garis pemisah

pengunjung terkini
#m_track a ——Warna dan ukuran font ID Pengunjung
#m_track a:hover - tautan tempat mouse diarahkan ke ID
#m_track a img - efek filter avatar pengunjung, efek filter lainnya {filter:invert}, {filter:xray}
#m_track a:hover img ——Efek hover mouse pada avatar pengunjung

pencarian Baidu
#m_search—Area pencarian Baidu
#m_search input.text - "Internet" dan pengaturan font lainnya
#m_search input.radio - "Internet" dan pengaturan latar belakang lainnya
#m_search input.submit - pengaturan "Pencarian Baidu".
#mod_search.mod{background:url() no-repeat 0% 0%} ——Judul pencarian Baidu
#m_search input.text—Kotak masukan
#m_label pencarian——area kotak pilihan
#m_search input.radio—Lingkaran di depan kotak pilihan
#m_search input.submit—

Papan pesan

#mod_board.mod—Modul papan pesan
#mod_board table.modth——Jika 6 item berikut tidak disetel, gaya modul umum akan diwarisi.
#mod_board td.modtl
#mod_board div.modhead
#mod_board span.modtit
#mod_board td.modtc
#mod_board td.modtr
input.#spBCmtAuthor——Kotak input nama pesan
input.#spBCmtURL—Kotak masukan URL pesan
#spBCmtText—Kotak masukan pesan
#vercode input—Kotak input kode verifikasi
#in_send td.f14 input—Tombol pesan
#in_msg div—Area pesan
#in_msg a——Tautan area pesan
#in_msg a:hover—efek hover
#in_msg div.tit—Judul pesan netizen
#in_msg table.item—Judul pesan netizen
#in_msg td.index—Nomor seri pesan
#in_msg div.user—Kirim pesan ke pengguna
#in_msg div.user dan img——avatar pengguna
#in_msg div.user a:hover img——efek hover
#in_msg td.cnt—Waktu pesan
#in_msg div.desc—Isi pesan
#in_msg div.line - garis pemisah

koleksi saya
#m_cang div.item——Pengaturan ukuran warna pada bodi utama
#m_cang div.item a——Pengaturan ukuran warna tidak diklik
#m_cang div.item a:hover——efek hover
#m_cang div.item a:visited—Tautan yang telah dikunjungi
#m_cang div.line -

histogram garis

.stat td{line-height:22px;color:#333333;font-size:14px}/*Font seperti kunjungan kumulatif*/
.chart{position:relative;margin:10px 0 30px 31px;border:1px solid #B3B3DC}/*Garis kiri pada diagram batang*/
.chart div.bar,.chart div.barhl{position:absolute;background:#DCDCF4;border:1px solid #B3B3DC;line-height:0}/*warna kolom gariswarna bawah*/
.chart div.barhl{background:#C2C2F4}/*Efek hover kolom garis*/
.chart div.liney{position:absolute;border-top:1px putus-putus #B9B9B9;line-height:0}/*garis pemisah*/
.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 }/*Bilangan koordinat*/
.chart div.titxhl{color:#FF0000}/*Warna font awal bulan*/
.chart div.hit{position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;font-family:Arial}/*Efek statistik akses hover kolom baris*/
.bagan div.tity{text-align:right}
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px solid #CDCDCD}/*Berikut ini adalah pengaturan analisis*/
.stattop{float:left;margin-top:20px;margin-right:14px;padding:10px;width:199px!important;width:220px;border:1px solid #CDCDCD}
.stattop .list{margin-top:6px}
.stattop .list td{height:20px}

kalender
#mod_cals .modbox - modul kalender
#cals——latar belakang utama kalender, batas
#mod_cals .modbox td - pengaturan warna font
#m_cals—Mengatur warna latar belakang modul
#m_cals div——Pengaturan latar belakang
#cals .cal_body,#cals .cal_mth—Bagian tanggal kecuali pengontrol tahun dan bulan, termasuk minggu dan tanggal umum
#cals .cal_yr table—Tabel tahun dan bulan
#cals .cal_yr td—*tahun, sel bulan
#cals .cal_yr .cal_pre - Panah bulan sebelumnya (normal)
#cals .cal_yr .cal_nxt - panah bulan depan (normal)
#cals .cal_yr .cal_pre_ovr - Panah bulan sebelumnya (mouseover)
#cals .cal_yr .cal_nxt_ovr - bulan depan panah (mouseover)

artikel terbaru dari teman
#mod_friblog .modbox—Modul untuk artikel terbaru sahabat
#m_friblog div.item——Pengaturan ukuran warna badan utama nama teman
#m_friblog div.item a——Pengaturan ukuran warna nama teman yang belum diklik
#m_friblog div.item a:visited - link tempat nama teman telah dikunjungi
#m_friblog div.item a.cnt—Ukuran warna konten artikel
#m_friblog div.item a.cnt:visited - link ke konten artikel yang telah dikunjungi
#m_friblog div.item a.cnt:hover—Efek hover pada konten artikel
#m_friblog div.line - garis pemisah
#m_friblog a img——Filter efek avatar teman, efek filter lainnya
#m_friblog a:hover img - efek hover mouse pada avatar teman