Explicación detallada del código CSS del espacio Baidu

Nombre del espacio y área de introducción

#encabezado - parte principal - toda la parte del título del encabezado del espacio
#header div.lc ——Imagen de fondo en la esquina superior izquierda de la página de inicio
#header div.rc——Imagen de fondo en la esquina superior derecha de la página de inicio
#header div.tit - nombre del espacio, título principal, tamaño y color del nombre
#header div.tit a.titlink - enlace del nombre del espacio, en el que no se hace clic
#header div.tit a.titlink:visited——El enlace que se ha visitado
#header div.desc: introducción del espacio, es decir, subtítulo, posición, tamaño, color

de la barra de navegación
#tabline: la línea horizontal debajo del menú, que es el separador, que se utiliza para separarlo del nombre del espacio.
#tab - Cuerpo principal de la barra del menú de navegación - Imagen de fondo de la barra "Blog de inicio | Álbum..." en la parte superior de la página
#tab a.on,#tab a.on:link,#tab a.on:visited - estado seleccionado, es decir, "enlace de la barra de navegación", tamaño, color + fondo
#tab span: el separador "|" entre los elementos de la barra de navegación
#tab a:link ——TAB "Blog|Álbum..." color del enlace de la columna, sin hacer clic
#tab a:visited——"Blog|Álbum..." ha sido visitado enlace
#tab2 ——(Opciones básicas | Configuración de plantilla | Configuración avanzada | Estadísticas de acceso) Las propiedades del cuerpo del menú de esta línea
#tab2 span ——TAB estado seleccionado
#tab2 a——TAB estado no seleccionado
#tab2 a: enlace

área de contenido

que se ha visitado

.stage: todas las partes del cuerpo de la página (debajo de la barra de navegación)

y otras áreas (es decir, información como el número de visitas)
#comm_info La parte principal: el color y la posición de "Personas han visitado este espacio" en "Otros".
#comm_info div.line: configuraciones relacionadas para la línea divisoria rosa debajo de "Personas han visitado este espacio".
#comm_info a - "¿Qué es el color RSS?" en "Otros"
#comm_info a:hover - efecto de desplazamiento
#comm_info.mod - título del área
#m_comm_info.modbox——Otros módulos de área
#pvshow——Fuente del número de visita #m_comm_info div a——

Área del número de página

#página ——posición del tamaño de la altura del cuerpo
#intervalo de páginas——Número de página actual (no se puede hacer clic)
#page a.pc—— No se hizo clic en las páginas anterior y siguiente
Se ha hecho clic en #página a.pc:visitada——
#page a.pi - número de página (en el que se puede hacer clic)

área del módulo de

que se ha visitado

.mod: título del módulo, espaciado superior e inferior
.modhandle{cursor:mover}
.modth: la distancia entre el cuerpo de la barra de título del módulo y el texto
.modhead: la ubicación del área de título del módulo
.modopt: área de operación del módulo (como escribir un nuevo artículo), espaciado
.modtit: el tamaño y color del área de título del módulo (como lista de artículos, archivos personales)
.modtitlink – enlace al título del módulo
.modact - Enlaces de texto de operación, enlaces "Modificar perfil", - Configuraciones de tamaño y color relacionadas para "Editar" y otros enlaces en la esquina superior derecha.
.modbox: color de fondo principal del área de contenido del módulo, etc.
a.modact:link - Color del enlace "Modificar perfil"
a.modactlink:visited: un enlace que ha sido visitado
.modtl —— Fondo de imagen del borde suburbano de la esquina superior izquierda del módulo, primera columna, columna vacía
.modtc——La imagen de fondo en el módulo, la segunda y tercera columnas, archivos personales, modificar información personal
.modtr: fondo de la imagen de fondo en la esquina superior derecha del módulo, cuarta columna, columna vacía
.modbl: fondo de la imagen de fondo en la esquina inferior izquierda del módulo
.modbc—— Un fondo de imagen de fondo en la parte inferior e inferior del módulo
.modbr ——Área

del artículo

#m_blog div.tit - título del artículo
#m_blog div.tit a: enlace, tamaño y color del título del artículo, en el que no se hace clic
#m_blog div.tit a:visited - Tamaño y color del título del artículo para los enlaces visitados
#m_blog div.date: fecha de publicación del artículo, tamaño y color del texto
#m_blog div.cnt—— Tamaño y color del contenido del artículo
#m_blog div.more ——“Leer más>>”
#m_blog div.more a ——El tamaño y color de "Leer texto completo >>", sin hacer clic
#m_blog div.more a:visited: el tamaño y color de "Leer más>>" para los enlaces visitados
#m_blog div.opt: ​​área de operación del artículo (como el tamaño del color de "Editar", etc.)
#m_blog div.opt a ——Tamaño y color del enlace de operación del artículo
#m_blog div.opt a:visited - "Editar Eliminar Comentarios (4) Ver (21)" Enlaces que han sido visitados
#m_blog div.line - configuraciones relacionadas de la barra separadora
#m_blog div.none: sin información sobre el artículo, configuración invisible, no es necesario cambiar

el área del perfil personal
#mod_profile.modtit - título del perfil de la página de inicio
#m_pro a - Color de "ver detalles" en el perfil, sin hacer clic
#m_pro a:hover——efecto de desplazamiento
#m_pro a:visited - Enlace "Ver detalles" en el perfil que ha sido visitado
#m_pro div.image: la posición de visualización del avatar personal en el perfil personal, dividida en "centro, izquierda, derecha".
#m_pro div.act - área de operación - espacio entre la presentación personal y el avatar
#m_pro div.user: tamaño y color del nombre de usuario personal
#m_pro div.desc - tamaño y color del perfil personal
#m_pro div.line—— línea divisoria
#m_pro td
#m_pro .photo——El fondo de la foto (no se puede obtener una vista previa de este elemento a continuación)
#m_pro .photo td——Agregar como amigo y enviar mensaje con "|" en el medio
#m_pro .foto .imagen
#m_pro .photo .line - avatar subrayado
#m_pro .ref
#m_pro .ref .tit - de "nombre de usuario" a "círculo"
#m_pro .ref .cnt
#m_pro .basic td——Nombre de usuario para ver la lista de espera del usuario en Baidu
#m_pro .basic .tit
#m_pro .basic a:hover——No se ha hecho clic en el enlace de fecha de la provincia masculina, el enlace sobre el que pasa el mouse
#m_pro .basic a.nlk:hover——"Discurso Tieba" "Conoce la respuesta"
#m_pro .pline——línea divisoria media
#m_pro .pitem——altura de fuente
#m_pro .pitem .tit - escuelas a las que asistí, etc.

área del álbum de

donde se desplaza el mouse

#m_album div.image: la posición de visualización de las fotos en el álbum, dividida en "centro, izquierda, derecha".
#m_album div.page - "Página anterior" >> "Página siguiente"
#m_album div.page a ——No se ha hecho clic en la "página siguiente" de la "página anterior"
#m_album div.page a:visited - Enlaces a la "página siguiente" de la "página anterior" que han sido visitadas
#m_album div.image——Área de vista previa del álbum
#m_album a img - enlace de imagen
#m_album a:hover img——efecto de desplazamiento de imagen
#cbut——Botón de operación del álbum
#cbut a img{border:0px;filter:alpha(enabled=0)} ——Área

de enlace amigable para

#m_links div.item - subelemento - color y tamaño de fuente en enlaces amigables
#m_links div.item a - nombre (enlace): el tamaño y color de la fuente en el enlace amigable, en el que no se hace clic
#m_links div.item a:visited: el tamaño y el color de la fuente en el enlace amigable en el que se hizo clic.
#m_links div.line -

módulo personalizado de línea divisoria 1-4
#m_mylink1-4 div.item——el contenido de "descripción"
#m_mylink1-4 div.item a——Nombre del enlace del título
#m_mylink1-4 div.item a:visited——El nombre del enlace del título ha sido visitado.
#m_mylink1-4 div.line -

área de clasificación de artículos

#m_artclg div.item ——Subitem——El número de temas detrás de cada categoría en la categoría del artículo y el tamaño y color de los corchetes
#m_artclg div.item a ——Nombre de categoría (enlace) ——El tamaño y color de cada categoría en la categoría del artículo, sin hacer clic
#m_artclg div.item a:visited: enlaces que se han visitado en cada categoría de la categoría del artículo
#m_artclg div.line - línea divisoria - configuración relacionada de separadores entre categorías en categorías de artículos,

área de últimos comentarios
#m_comment div.item - subelemento - el tamaño y color del nombre de usuario en el último comentario, en el que no se ha hecho clic
#m_comment div.item a: el tamaño y el color del nombre de usuario en el último comentario, en el que no se ha hecho clic.
#m_comment div.item a:visited: el tamaño y color del nombre de usuario en el último comentario en el que se hizo clic.
#m_comment div.item a.cnt: el tamaño y el color del texto del comentario en el último comentario, en el que no se ha hecho clic
#m_comment div.item a.cnt:visited: el tamaño y el color del texto del comentario en los últimos comentarios de los enlaces visitados.
#m_comment div.item a.cnt:hover: el enlace que coloca el mouse sobre el texto del comentario en el último comentario

lista de álbumes

de configuraciones relacionadas para dividir líneas entre comentarios en los últimos comentarios

#m_albumlist——Fondo del área del álbum de la primera capa
#m_albumlist div.none——No hay información de solicitud de foto
#m_albumlist a img——imagen de portada del álbum pequeña
#m_albumlist a:hover img——Efecto de mouseover
#m_albumlist div.line - línea divisoria
#m_albumlist div.tit——Título del álbum
#m_albumlist div.tit a
#m_albumlist div.tit a:hover——efecto de desplazamiento
#m_albumlist span.count – número de fotos
#m_albumlist a.act——Enlace del área de operación, como editar y eliminar
#m_albumlist a.act:hover——Efecto del mouse sobre
#m_albumlist div.note——El área de imagen de la segunda capa del álbum
#m_albumlist div.desc——Introducción al álbum
#m_albumlist span.size - tamaño de la foto
#m_albumlist #page ——Número de página actual
#m_albumlist #page a - otros números de página
#m_albumlist #page a:hover——Efecto del mouse sobre
#imagee a img——El área de imagen de la tercera capa
#m_albumlist div.phimg a img - imagen
#m_albumlist div.phimg a:hover img——estilo de desplazamiento del botón de imagen
#m_albumlist div.phinfo——Información de la imagen
#m_albumlist div.phpage——Área para botones de operación
#m_albumlist div.phpage a img——Botón de acción
#m_albumlist div.phpage a:hover img——

Lista de amigos

#m_friend div.filter
#m_friend div.catalog
#m_friend a img——Avatar de amigo
#m_friend a:hover img——efecto de desplazamiento
#m_friend div.usuario
#m_friend div.user a - Nombre del amigo (enlace), en el que no se hizo clic
#m_friend div.user a:hover——efecto de desplazamiento
#m_friend div.user a img——Imagen del botón de acción
#m_friend div.user a:hover img——Imagen del botón de acción
#m_friend div.user a:visited - un enlace que ha sido visitado
#m_friend div.line - línea divisoria

, configuración de estadísticas de acceso, configuración de plantilla
#m_estableciendo un - enlace {color:#3399CC}
#m_setting a:hover - efecto de desplazamiento
#m_setting a:visited - configuración de color, enlaces visitados
#m_setting: se ha hecho clic en la configuración del color de la carrocería
#m_setting img.sel ——Vista previa de la plantilla (estado seleccionado) {borde:4px sólido #FFDB7B}
#m_setting img.unsel - Vista previa de la plantilla (estado no seleccionado)
#m_setting span.tit - Nombre del título de la plantilla
#m_setting span.usr - nombre del autor
#m_setting div.sel - Texto "Plantilla actual"
#m_setting div.line -

anuncio del sistema

#m_sysinfo a - configuración del color del enlace, no se hace clic
#m_sysinfo a:visited - configuración de color, enlaces visitados
#m_sysinfo - tamaño del color del cuerpo
#m_sysinfo span.new - último tamaño de color
#m_sysinfo span.date -

Opciones básicas

#m_setbase - tamaño del color del cuerpo principal
#m_setbase td ——Tamaño del color
#m_setbase div.line—— línea divisoria
#spSpaceName - nombre del espacio
#spSpaceDescri – Introducción al espacio
#spConfigDispNum: muestra artículos por página
#spConfigDispMod - visualización del artículo
#spDateMod - formato de hora
#btn_submit: guarda

los comentarios de los usuarios

#in_comment ——ancho del cuerpo
#in_comment div.tit ——Configuraciones como el color y el tamaño del título
#in_comment div.user: nombre del póster, número de serie, color y tamaño de línea y otras configuraciones
#in_comment div.user a: el tamaño del color de la persona que publicó el nombre (enlace) en el que no se hizo clic
#in_comment div.user a:visited - Enlaces que han sido visitados
#in_comment div.user span.date——Tamaño del color de la hora de publicación
#in_comment div.desc ——Color y tamaño del contenido del comentario
#in_comment div.line - configuración del separador

el archivo de

comentarios de publicaciones (título)

#m_filed div.item - configuración de tamaño de color del tema
#m_filed div.item a: configuración de tamaño de color sin hacer clic
#m_filed div.item a:visited - un enlace que ha sido visitado
#m_filed div.line: línea divisoria

de visitantes recientes
#m_track a ——Color y tamaño de fuente de ID de visitante
#m_track a:hover: el enlace donde el mouse se coloca sobre el ID
#m_track a img: efecto de filtro del avatar del visitante, otros efectos de filtro {filter:invert}, {filter:xray}
#m_track a:hover img ——El efecto de desplazamiento del mouse sobre el avatar del visitante

Búsqueda de Baidu
#m_search——Área de búsqueda de Baidu
#m_search input.text - "Internet" y otras configuraciones de fuente
#m_search input.radio - "Internet" y otras configuraciones de fondo
#m_search input.submit - Configuración de "Búsqueda Baidu"
#mod_search.mod{fondo:url() sin repetición 0% 0%} ——Título de búsqueda de Baidu
#m_search input.text——Cuadro de entrada
#m_search etiqueta——área del cuadro de selección
#m_search input.radio——El círculo frente al cuadro de selección
#m_search input.submit——Botón Enviar

tablero de mensajes
#mod_board.mod——Módulo de tablero de mensajes
#mod_board table.modth——Si no se configuran los siguientes 6 elementos, se heredará el estilo del módulo general.
#mod_board td.modtl
#mod_board div.modhead
#mod_board span.modtit
#mod_board td.modtc
#mod_board td.modtr
input.#spBCmtAuthor——Cuadro de entrada del nombre del mensaje
input.#spBCmtURL——Cuadro de entrada de URL del mensaje
#spBCmtText——Cuadro de entrada de mensajes
#entrada vercode——Cuadro de entrada del código de verificación
#in_send td.f14 entrada——Botón de mensaje
#in_msg div——Área de mensajes
#in_msg a——Enlace del área de mensajes
#in_msg a:hover——efecto de desplazamiento
#in_msg div.tit——Título del mensaje del internauta
#in_msg table.item——Título del mensaje del internauta
#in_msg td.index——Número de serie del mensaje
#in_msg div.user——Usuario del mensaje
#in_msg div.user a img——avatar de usuario
#in_msg div.user a:hover img——efecto de desplazamiento
#in_msg td.cnt——Hora del mensaje
#in_msg div.desc——Contenido del mensaje
#in_msg div.line - línea divisoria

de mi colección
#m_cang div.item——Configuración del tamaño de color del cuerpo principal
#m_cang div.item a——Configuración de tamaño de color sin hacer clic
#m_cang div.item a:hover——efecto de desplazamiento
#m_cang div.item a:visited——El enlace que se ha visitado
#m_cang div.line -

histograma de línea

.stat td{line-height:22px;color:#333333;font-size:14px}/*Fuentes como visitas acumulativas*/
.chart{position:relative;margin:10px 0 30px 31px;border:1px solid #B3B3DC}/*La línea izquierda en el gráfico de barras*/
.chart div.bar,.chart div.barhl{position:absolute;background:#DCDCF4;border:1px solid #B3B3DC;line-height:0}/*color de columna de líneacolor de fondo*/
.chart div.barhl{background:#C2C2F4}/*Efecto de desplazamiento de columna de línea*/
.chart div.liney{position:absolute;border-top:1px punteado #B9B9B9;line-height:0}/*línea separadora*/
.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 }/*Números de coordenadas*/
.chart div.titxhl{color:#FF0000}/*Color de fuente inicial del mes*/
.chart div.hit{position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;font-family:Arial}/*Efecto de estadísticas de acceso al desplazamiento de la columna de línea*/
.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}/*Las siguientes son configuraciones de análisis*/
.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{altura:20px}

calendario
#mod_cals .modbox - módulo de calendario
#cals——fondo principal del calendario, borde
#mod_cals .modbox td - configuración de color de fuente
#m_cals——Establecer color de fondo del módulo
#m_cals div——Configuración de fondo
#cals .cal_body,#cals .cal_mth——Parte de la fecha excepto el controlador de año y mes, incluida la semana y la fecha general
#cals .cal_yr tabla——Tabla de años y meses
#cals .cal_yr td——*año, mes celda
#cals .cal_yr .cal_pre - Flecha del mes anterior (normal)
#cals .cal_yr .cal_nxt - flecha del mes siguiente (normal)
#cals .cal_yr .cal_pre_ovr - Flecha del mes anterior (mouseover)
#cals .cal_yr .cal_nxt_ovr - flecha del próximo mes (mouseover)

últimos artículos de amigos
#mod_friblog .modbox——Módulo para los últimos artículos de amigos
#m_friblog div.item——Configuración del tamaño del color del cuerpo principal del nombre del amigo
#m_friblog div.item a——Configuración del tamaño del color del nombre del amigo en el que no se ha hecho clic
#m_friblog div.item a:visited - enlace donde se ha visitado el nombre del amigo
#m_friblog div.item a.cnt——Tamaño del color del contenido del artículo
#m_friblog div.item a.cnt:visited - enlace al contenido del artículo que se ha visitado
#m_friblog div.item a.cnt:hover——Efecto de desplazamiento del contenido del artículo
#m_friblog div.line - línea divisoria
#m_friblog a img——Efecto de filtro del avatar de un amigo, otros efectos de filtro
#m_friblog a:hover img: el efecto de desplazamiento del mouse sobre el avatar de un amigo