Space name and introduction area
#header - main part - the entire title part of the space header
#header div.lc ——Background image in the upper left corner of the homepage
#header div.rc——Background image in the upper right corner of the homepage
#header div.tit - space name, main title, name size and color
#header div.tit a.titlink - space name link, not clicked
#header div.tit a.titlink:visited——The link that has been visited
#header div.desc - Space introduction, that is, subtitle, position, size, color
navigation bar
#tabline - the horizontal line below the menu, which is the separator, used to separate it from the space name
#tab - Main body of the navigation menu bar - Background image of the "Home Blog | Album..." bar at the top of the page
#tab a.on,#tab a.on:link,#tab a.on:visited - selected state, that is, "navigation bar link", size, color + background
#tab span - The separator "|" between navigation bar items
#tab a:link ——TAB "Blog|Album..." column link color, not clicked
#tab a:visited——"Blog|Album..." has been visited link
#tab2 ——(Basic Options | Template Settings | Advanced Settings | Access Statistics) The menu body properties of this line
#tab2 span ——TAB selected state
#tab2 a——TAB unselected state
#tab2 a:link
content area
that has been visited
.stage - all parts of the page body (below the navigation bar)
and other areas (i.e. information such as the number of visits)
#comm_info The main part - the color and position of "People have visited this space" in "Others"
#comm_info div.line - Related settings for the pink dividing line under "People have visited this space"
#comm_info a - "What is RSS?" color in "Other"
#comm_info a:hover - hover effect
#comm_info.mod - area title
#m_comm_info.modbox——Other area modules
#pvshow——Visit number font #m_comm_info div a——Baidu logo
page number area
#page ——body height size position
#page span——Current page number (not clickable)
#page a.pc—— Previous page and next page were not clicked
#page a.pc:visited—— has been clicked
#page a.pi - page number (clickable)
module area
that has been visited
.mod - module title, top and bottom spacing
.modhandle{cursor:move}
.modth - the distance between the module title bar body and the text
.modhead - the location of the module title area
.modopt - module operation area (such as writing a new article), spacing
.modtit - the size and color of the module title area (such as article list, personal files)
.modtitlink – module title link
.modact - Operation text links, "Modify profile" links, - Related size and color settings for "Edit" and other links in the upper right corner.
.modbox - main background color of module content area, etc.
a.modact:link - "Modify profile" link color
a.modactlink:visited - a link that has been visited
.modtl ——Module upper left corner suburban edge picture background, first column, empty column
.modtc——The background image in the module, the second and third columns, personal files, modify personal information
.modtr - background image background in the upper right corner of the module, fourth column, empty column
.modbl - background image background in the lower left corner of the module
.modbc—— A background image background at the bottom and bottom of the module
.modbr ——Background image background
article area
in the lower right corner of the module
#m_blog div.tit - article title
#m_blog div.tit a - article title link, size and color, not clicked
#m_blog div.tit a:visited - Article title size and color for visited links
#m_blog div.date - article publication date, text size and color
#m_blog div.cnt—— Article content size and color
#m_blog div.more ——“Read more>>”
#m_blog div.more a ——The size and color of "Read full text>>", not clicked
#m_blog div.more a:visited - The size and color of "Read more>>" for visited links
#m_blog div.opt - article operation area (such as the color size of "Edit", etc.)
#m_blog div.opt a ——Article operation link size and color
#m_blog div.opt a:visited - "Edit Delete Comments (4) View (21)" Links that have been visited
#m_blog div.line - related settings of the separator bar
#m_blog div.none - no article prompt information, invisible settings, no need to change
the personal profile area
#mod_profile.modtit - homepage profile title
#m_pro a - Color of "view details" in profile, not clicked
#m_pro a:hover——hover effect
#m_pro a:visited - "View details" link in the profile that has been visited
#m_pro div.image - The display position of the personal avatar in the personal profile, divided into "center, left, right"
#m_pro div.act - operation area - spacing between personal introduction and avatar
#m_pro div.user - size and color of personal username
#m_pro div.desc - size and color of personal profile
#m_pro div.line—— dividing line
#m_pro td
#m_pro .photo——The background of the photo (this item cannot be previewed below)
#m_pro .photo td——Add as friend and send message with "|" in the middle
#m_pro .photo .image
#m_pro .photo .line - avatar underline
#m_pro .ref
#m_pro .ref .tit - from "username" to "circle"
#m_pro .ref .cnt
#m_pro .basic td——Username to view the user’s waiting list on Baidu
#m_pro .basic .tit
#m_pro .basic a:hover——Male province date link, the link that the mouse is hovering over, has not been clicked
#m_pro .basic a.nlk:hover——"Tieba speech" "Know the answer"
#m_pro .pline——middle dividing line
#m_pro .pitem——font height
#m_pro .pitem .tit - schools I attended etc.
album area
where the mouse is hovering
#m_album div.image - The display position of the photos in the album, divided into "center, left, right"
#m_album div.page - "Previous page" >> "Next page"
#m_album div.page a ——The "next page" of "previous page" has not been clicked
#m_album div.page a:visited - Links to the "next page" of "previous page" that have been visited
#m_album div.image——Album preview area
#m_album a img - image link
#m_album a:hover img——image hover effect
#cbut——Album operation button
#cbut a img{border:0px;filter:alpha(enabled=0)} ——Button image
friendly link area
#m_links div.item - sub-item - font color and size in friendly links
#m_links div.item a - name (link) - the size and color of the font in the friendly link, not clicked
#m_links div.item a:visited - The size and color of the font in the friendly link, which has been clicked
#m_links div.line - dividing line
custom module 1-4
#m_mylink1-4 div.item——the content of "description"
#m_mylink1-4 div.item a——Title link name
#m_mylink1-4 div.item a:visited——Title link name has been visited link
#m_mylink1-4 div.line - dividing line
article classification area
#m_artclg div.item ——Subitem——The number of topics behind each category in the article category and the size and color of the brackets
#m_artclg div.item a ——Category name (link) ——The size and color of each category in the article category, not clicked
#m_artclg div.item a:visited - links that have been visited in each category of the article category
#m_artclg div.line - dividing line - related settings of separators between categories in article categories,
latest comment area
#m_comment div.item - sub-item - the size and color of the username in the latest comment, which has not been clicked
#m_comment div.item a - The size and color of the username in the latest comment, which has not been clicked
#m_comment div.item a:visited - the size and color of the username in the latest comment, which has been clicked
#m_comment div.item a.cnt - the size and color of the comment text in the latest comment, which has not been clicked
#m_comment div.item a.cnt:visited - The size and color of the comment text in the latest comments for visited links
#m_comment div.item a.cnt:hover - the link that the mouse hovers over the comment text in the latest comment
Album list
of related settings for dividing lines between comments in the latest comments
#m_albumlist——First layer album area background
#m_albumlist div.none——No photo prompt information
#m_albumlist a img——small album cover picture
#m_albumlist a:hover img——Mouseover effect
#m_albumlist div.line - dividing line
#m_albumlist div.tit——Album title
#m_albumlist div.tit a
#m_albumlist div.tit a:hover——hover effect
#m_albumlist span.count – number of photos
#m_albumlist a.act——Operation area link, such as edit and delete
#m_albumlist a.act:hover——Mouseover effect
#m_albumlist div.note——The second layer picture area of the album
#m_albumlist div.desc——Album introduction
#m_albumlist span.size - photo size
#m_albumlist #page ——Current page number
#m_albumlist #page a - other page numbers
#m_albumlist #page a:hover——Mouseover effect
#imagee a img——The third layer image area
#m_albumlist div.phimg a img - picture
#m_albumlist div.phimg a:hover img——picture button hover style
#m_albumlist div.phinfo——Picture information
#m_albumlist div.phpage——Area for operation buttons
#m_albumlist div.phpage a img——Action button
#m_albumlist div.phpage a:hover img——Action button hover style
friend list
#m_friend div.filter
#m_friend div.catalog
#m_friend a img——Friend avatar
#m_friend a:hover img——hover effect
#m_friend div.user
#m_friend div.user a - Friend name (link), not clicked
#m_friend div.user a:hover——hover effect
#m_friend div.user a img——Action button image
#m_friend div.user a:hover img——Action button image
#m_friend div.user a:visited - a link that has been visited
#m_friend div.line - dividing line
setting access statistics, template settings
#m_setting a - link {color:#3399CC}
#m_setting a:hover - hover effect
#m_setting a:visited - color settings, visited links
#m_setting - the setting of the body color, has been clicked
#m_setting img.sel ——Template preview (selected state) {border:4px solid #FFDB7B}
#m_setting img.unsel - Template preview (unselected state)
#m_setting span.tit - Template title name
#m_setting span.usr - author name
#m_setting div.sel - "Current template" text
#m_setting div.line - dividing line
system announcement
#m_sysinfo a - setting of link color, not clicked
#m_sysinfo a:visited - color settings, visited links
#m_sysinfo - body color size
#m_sysinfo span.new - latest color size
#m_sysinfo span.date - Publish time color size
basic options
#m_setbase - main body color size
#m_setbase td ——Color size
#m_setbase div.line—— dividing line
#spSpaceName - space name
#spSpaceDescri – Introduction to Space
#spConfigDispNum – Display articles per page
#spConfigDispMod - article display
#spDateMod - time format
#btn_submit - Save
user comments
on option buttons
#in_comment ——body width
#in_comment div.tit ——Settings such as title color and size
#in_comment div.user - Poster name, serial number, line color and size and other settings
#in_comment div.user a - the color size of the person who posted the name (link) that has not been clicked
#in_comment div.user a:visited - Links that have been visited
#in_comment div.user span.date——Publish time color size
#in_comment div.desc ——Comment content color and size
#in_comment div.line - separator setting
#in_send div.tit - Settings for post comments (title)
archive
#m_filed div.item - theme color size settings
#m_filed div.item a - Unclicked color size setting
#m_filed div.item a:visited - a link that has been visited
#m_filed div.line - dividing line
of recent visitors
#m_track a ——Visitor ID font color and size
#m_track a:hover - the link where the mouse is hovering over the ID
#m_track a img - filter effect of visitor avatar, other filter effects {filter:invert}, {filter:xray}
#m_track a:hover img ——The hover effect of the mouse on the visitor's avatar
Baidu search
#m_search——Baidu search area
#m_search input.text - "Internet" and other font settings
#m_search input.radio - "Internet" and other background settings
#m_search input.submit - "Baidu Search" settings
#mod_search.mod{background:url() no-repeat 0% 0%} ——Baidu search title
#m_search input.text——Input box
#m_search label——selection box area
#m_search input.radio——The circle in front of the selection box
#m_search input.submit——Submit button
message board
#mod_board.mod——Message board module
#mod_board table.modth——If the following 6 items are not set, the style of the general module will be inherited.
#mod_board td.modtl
#mod_board div.modhead
#mod_board span.modtit
#mod_board td.modtc
#mod_board td.modtr
input.#spBCmtAuthor——Message name input box
input.#spBCmtURL——Message URL input box
#spBCmtText——Message input box
#vercode input——Verification code input box
#in_send td.f14 input——Message button
#in_msg div——Message area
#in_msg a——Message area link
#in_msg a:hover——hover effect
#in_msg div.tit——Title of netizen’s message
#in_msg table.item——Title of netizen’s message
#in_msg td.index——Message serial number
#in_msg div.user——Message user
#in_msg div.user a img——user avatar
#in_msg div.user a:hover img——hover effect
#in_msg td.cnt——Message time
#in_msg div.desc——Message content
#in_msg div.line - dividing line
my collection
#m_cang div.item——Color size setting of the main body
#m_cang div.item a——Unclicked color size setting
#m_cang div.item a:hover——hover effect
#m_cang div.item a:visited——The link that has been visited
#m_cang div.line - dividing
line histogram
.stat td{line-height:22px;color:#333333;font-size:14px}/*Fonts such as cumulative visits*/
.chart{position:relative;margin:10px 0 30px 31px;border:1px solid #B3B3DC}/*The left line on the bar chart*/
.chart div.bar,.chart div.barhl{position:absolute;background:#DCDCF4;border:1px solid #B3B3DC;line-height:0}/*line column colorbottom color*/
.chart div.barhl{background:#C2C2F4}/*Line column hover effect*/
.chart div.liney{position:absolute;border-top:1px dotted #B9B9B9;line-height:0}/*separator line*/
.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 }/*Coordinate numbers*/
.chart div.titxhl{color:#FF0000}/*Starting font color of month*/
.chart div.hit{position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;font-family:Arial}/*Line column hover access statistics effect*/
.chart 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}/*The following are analysis settings*/
.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}
calendar
#mod_cals .modbox - calendar module
#cals——calendar main background, border
#mod_cals .modbox td - font color settings
#m_cals——Set module background color
#m_cals div——Background settings
#cals .cal_body,#cals .cal_mth——Date part except year and month controller, including week and general date
#cals .cal_yr table——Year and month table
#cals .cal_yr td——*year, month cell
#cals .cal_yr .cal_pre - Previous month arrow (normal)
#cals .cal_yr .cal_nxt - next month arrow (normal)
#cals .cal_yr .cal_pre_ovr - Previous month arrow (mouseover)
#cals .cal_yr .cal_nxt_ovr - next month arrow (mouseover)
latest articles from friends
#mod_friblog .modbox——Module for friends’ latest articles
#m_friblog div.item——Color size setting of the main body of the friend’s name
#m_friblog div.item a——Color size setting of friend’s name that has not been clicked
#m_friblog div.item a:visited - link where the friend's name has been visited
#m_friblog div.item a.cnt——Article content color size
#m_friblog div.item a.cnt:visited - link to the article content that has been visited
#m_friblog div.item a.cnt:hover——Hover effect of article content
#m_friblog div.line - dividing line
#m_friblog a img——Filter effect of friend’s avatar, other filter effects
#m_friblog a:hover img - the hover effect of the mouse on the friend's avatar