/******Tablero de mensajes******/
#mod_board.mod{} /*Módulo del tablero de mensajes*/
#mod_board table.modth{} /*Si los siguientes 6 elementos no están configurados, heredarán 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{}
/*Otros códigos son exactamente iguales que el último área de comentarios. Puede usar #mod_board para modificarlos, pero deben colocarse después del código del área de comentarios para que surtan efecto*/
#spBCmtAuthor{} /*Cuadro de entrada del nombre del mensaje*/
#spBCmtURL{} / *Cuadro de entrada de URL del mensaje*/
#spBCmtText{} /*Cuadro de entrada de mensaje*/
#vercode input{} /*Cuadro de entrada de código de verificación*/
#in_send td.f14 input{} /*Botón Agregar mensaje*/
#in_msg {} /*Área de mensajes*/
#in_msg div.tit{} /* Título del área de mensajes*/
#in_msg a{} /*Enlace del área de mensajes*/
#in_msg a：hover{} /*Efecto de desplazamiento*/
#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 límite*/
p.d. Los principiantes pueden omitir el siguiente contenido. Se recomienda que CSSer consulte.
Dado que los códigos de las páginas internas del tablero de mensajes y el área de comentarios están anidados de forma cruzada, debes prestar atención al orden de las declaraciones al diseñar la plantilla. El siguiente es el orden recomendado de las declaraciones. el área de comentarios y el área de mensajes:
/******Área de comentarios interna******/
#in_send{} /*Fondo del área de comentarios*/
#in_send input {} /*Área de entrada para comentarios internos y área de mensajes, incluido el botón de opción, el cuadro de texto y el botón*/
#in_send div.tit{} /*Título del comentario */
#in_send table{} /*Publicar contenido del comentario*/
#in_send td.f14{} /*Preguntar*/
entrada.# spBlogCmtor{} /* Cuadro de entrada de nombre*/
input.#spBlogCmtURL{} /*Cuadro de entrada de dirección web*/
#spBlogCmtText{} /*Cuadro de entrada de comentarios*/
/******Página interna del tablero de mensajes******/
input.#spBCmtAuthor{} /*Cuadro de entrada del nombre del mensaje*/
input.#spBCmtURL {} /*Cuadro de entrada de URL del mensaje*/
#spBCmtText{} /*Cuadro de entrada de mensaje*/
#vercode input{} /*Verificación cuadro de entrada de código*/
#in_send td.f14 input{} /*Botón de mensaje*/
#in_msg{} /*Área de mensaje*/
#in_msg div.tit{} /*Título del área de mensajes*/
#in_msg a{} /*Enlace del área de mensajes*/
#in_msg a：hover{} /*Hover efecto*/
#in_msg table.item{} /*Lista de mensajes*/
#in_msg td.index{} /*Número de serie del mensaje*/
#in_msg div.user{ } /*Mensaje usuario*/
#in_msg div.user a img{} /*Usuario avatar*/
#in_msg div.user a： hover img{} /*Efecto de parada colgante*/
#in_msg td.cnt{} /*Tiempo del mensaje*/
#in_msg div.desc{} /*Contenido del mensaje* /
#in_msg div.line{} /*Línea de límite*/
Algunos de los códigos son ligeramente diferentes de los códigos proporcionados anteriormente (como input.#spBCmtAuthor{}) Esto se debe al código html relacionado para:
...
lt;td class="f14"gt;Name:lt;/tdgt; p>lt;tdgt;lt;input type="text" name="spBCmtAuthor" id="spBCmtAuthor" style="ancho: 220px" onKeyDown="cont(this, 50);" );" maxlength="49"gt ;lt;/tdgt;
...
Por lo tanto, input.#spBCmtAuthor{} es más preciso que #spBCmtAuthor{}.
Además, #in_send input{} se puede utilizar para controlar el estilo del botón de opción "Nombre" en el tablero de mensajes. Pero asegúrese de ponerlo al frente; de lo contrario, interferirá con el estilo de los cuadros de entrada, como nombres y URL.
El código predeterminado del tablero de mensajes es el siguiente:
#in_msg {ancho: 710px}
#in_msg div.tit{margin-bottom: 12px; color: #333333; tamaño de fuente: 14px; peso de fuente: negrita}
#in_msg .item td.index{ ancho: 40px; peso de fuente: negrita}
#in_msg .item div.user{ancho: 150px; color: #333333;}
#in_msg .item div.user a {color: #3399CC; tamaño de fuente: 12px}
#in_msg .item div.user a: visitado{color: #3399CC}
#in_msg .item div.user img {margin-bottom: 5px}
#in_msg .item td.cnt a{color: #3399CC; font-size: 12px}
#in_msg . elemento td.cnt a: visitado{color: #3399CC}
#in_msg span.date{color: #666666; tamaño de fuente: 12px}
#in_msg div.desc{ margen superior: 5 px; color: #333333; tamaño de fuente: 12 px}
#in_msg div.line{margin-top: 17 px; altura de línea: 17 px; }