También hay una introducción al nombre del espacio y al área de introducción #header - parte principal - la parte completa del título del espacio #header div.lc - la imagen de fondo en la esquina superior izquierda de la página de inicio #header div.rc - el imagen de fondo en la esquina superior derecha de la página de inicio #header div.tit - Nombre del espacio, es decir, título principal, tamaño del nombre, color #header div.tit a.titlink - Enlace del nombre del espacio, en el que no se hace clic #header div.tit a.titlink : visitado - Enlace visitado #header div.tit a .titlink:visit - El enlace que se ha visitado #header div.tit a.titlink:visit - El enlace que se ha visitado #header div.tit a.titlink:visit - El enlace que se ha visitado #header div.tit a.titlink :visit - el enlace visitado #header div.tit a.titlink: visita - el enlace visitado desc --espacio introducción, es decir, subtítulo, posición, tamaño, color barra de navegación #tabline: la línea horizontal debajo del menú, es decir, la línea de separación, utilizada para separarlo del nombre del espacio #tab: el cuerpo de la barra del menú de navegación: la imagen de fondo de "HomeBlog|Álbumes ..." barra #tab a.on, #tab a.on: enlace, #tab a.on: visitado - estado seleccionado, es decir, "enlace a la barra de navegación", tamaño color fondo #tab span -- separador entre navegación barra "|" elementos #pestaña a: enlace -- TAB "blog|álbum..." color del enlace de la columna, sin hacer clic #tab a: visitado -- "blog|álbum..." color del enlace de la barra, sin hacer clic #tab a: visitado -- "blog |álbum..." color del enlace de la barra, no hecho clic #tab visitado -- "Blog | Álbum..." enlace visitado #tab2 --( Opciones básicas | Configuración de plantilla | Configuración avanzada | Estadísticas de acceso) El atributo de texto del menú de esta línea #tab2 abarca --TAB estado seleccionado #tab2 a --TAB estado no seleccionado #tab2 a: enlace #tab2 a: --Color de los enlaces visitados, en los que no se hizo clic #tab2 a: -- Color del enlace visitado, en el que no se hizo clic #tab2 a: Color del enlace visitado, en el que no se hizo clic #tab2 a. --Enlace visitado---------------- ---------. ----------------------------------------- --------- ---- content-area .stage -- todas las partes del cuerpo de la página (debajo de la barra de navegación) otras áreas (como información de acceso, etc.) #comm_info parte principal -- en "Otros" Color, posición de "Personas" visitó este espacio" #comm_info div.line: la línea rosa debajo de "La gente visitó este espacio".
Configurando #comm_info a - Color de "¿Qué es RSS?" en "Otro" #comm_info a:hover - Efectos de desplazamiento #comm_info.mod - Título del área #m_comm_info.modbox - Otros módulos de área #m_comm_info.pvshow - - Número de visitas font #m_comm_info div a -- Logotipo de Baidu--------------------------------------- -- ----- ------------------------------------------- -- Área de página #página -- Altura del cuerpo principal Tamaño posición # extensión de página -- número de página actual (no se puede hacer clic) #página a.pc -- página anterior y siguiente en las que no se hizo clic #página a.pc: visitada -- en la que se hizo clic # página a.pi - número de página (puede hacer clic) #página a.pi: visitada - enlace visitado--------------------- ------------------ -------------------------------- --------------- - Configuración de columna espacial.stage {} Estilo de columna del cuerpo/* Línea superior de código en el lado derecho de la página*/ #layout{margin-top:-25px }/ /* Parte más a la izquierda*/ #layout td.c1t1, #layout td.c2t1, #layout td.c2t3, #layout td.c3t1, #layout td.c3t3, #layout td.c3t5{padding-top: 30px} #layout td.c2t1{padding-left: 0px; ancho: 75}/*content-width* */ #layout td.c2t2{width: 0px} #layout td .c2t3{padding-right: 10px; 8px; ancho: 96! importante; ancho: 28; posición: relativa; /* Fila superior a la izquierda Código**/ arriba: -388px; fondo: #FFFFFF; column**/ border-left: 1px solid #DDDDDD} Lo anterior son 2 horizontalmente 2 columnas, 2 Un patrón de 3 columnas con el código en la parte superior. ¡No entiendo el mensaje! ¡O puedes hacer tu propio modal! -------------------------------------------------- ------------------------------- Módulo area.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 del cuerpo.modhead --La posición del área de título del módulo.modopt --El área de acción del módulo (como .modtit--El tamaño y color del módulo área de título (como lista de artículos, introducción). modtitlink --enlace de título del módulo.modact --enlace de texto de acción, enlace "Modificar introducción", --esquina superior derecha.modtitlink --tamaño y color del enlace de texto de acción, "Editar". Enlace "Introducción", --"Editar" en la esquina superior derecha Enlaces, etc.
.modbox: el color de fondo principal del área de contenido del módulo, etc. a.modact: enlace: color del enlace "Modificar información personal" a.modactlink: visitado: el enlace visitado.modtl: la esquina superior izquierda del módulo, la primera columna, vacía ColumnBackgroundImage.modtc: fondo de la imagen de fondo para el centro superior del módulo. - .modtr - El fondo de la imagen de fondo en la esquina superior derecha del módulo, la cuarta columna, la columna vacía.modbl - El fondo de la imagen de fondo en la esquina inferior izquierda del módulo.modbc - El fondo de la imagen de fondo en el medio y fila inferior del módulo bottom.modbr - La esquina inferior derecha del módulo Imagen de fondo fondo------------------------------- ----------------- --------------------------------- - Á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, sin hacer clic #m_blog div.tit a: visitado --Tamaño y color del título del artículo, enlace visitado #m_blog div .date --Fecha de publicación del artículo, tamaño del texto y color #m_blog div.cnt -- Tamaño y color del contenido del artículo #m_blog div.more -- "Leer el texto completo gt; gt; - "Editar Eliminar comentario(4) Explorar (21) "Enlace de acceso #m_blog div.line - Configuración de la barra separadora #m_blog div.none --Sin información de solicitud de artículo, configuración invisible, no es necesario cambiar--------------- -------------------------- ------------------------ ------------------------ Área de perfil #m_profile.modtit - - Título del perfil en la página de inicio #m_pro a --El color de "Ver detalles" en el perfil, no cambia después de hacer clic #m_pro a: hover --Efecto de desplazamiento #m_pro a: visitado --El color de "Ver detalles" en el perfil, Enlace sin acceso #m_pro div.image --La posición del avatar en la introducción, dividido en "centro, izquierda, derecha - centro, izquierda, derecha" #m_pro div.image --La posición del avatar en la introducción, dividida en "centro, izquierda, derecha - centro, izquierda, derecha " #m_pro div.action - área de acción - el espacio entre el avatar y el avatar.
act - área de acción - espacio entre perfil y avatar #m_pro div.user - tamaño y color del nombre de usuario personal #m_pro div.user - tamaño y color del nombre de usuario personal - tamaño y color del nombre de usuario personal #m_pro div.desc - Tamaño y color de perfil personal #m_pro div.line - Línea divisoria #m_pro td #m_pro .De "nombre de usuario" a "círculo" #m_pro .ref .cnt #m_pro .basic td - Usuarios que ven a este usuario en Baidu y otros sitios web Nombre #m_pro .basic .tit #m_pro .basic .tit #m_pro .basic a：hnt #m_pro .photo .line - avatar subrayado #m_pro .basic a：hover - enlace de fecha de provincia masculina, coloque el mouse sobre el enlace, no haga clic en #m_pro .basic a.nlk:hover - "publicar una charla" "conocer la respuesta"" #m_pro .pline - divisor central #m_pro .pitem - altura de fuente #m_pro .pitem .tit - escuelas a las que fui, etc. #m_pro .pitem a:hover - enlace para pasar el cursor sobre ------------------------------------ ------ ----------------------------------------- Área del álbum #m_album imagen -- La posición de visualización de las fotos en el álbum, dividida en "centro, izquierda, derecha -- centro, izquierda, derecha".derecha --centro, izquierda, derecha" #m_album div.page -- "Página anterior" gt; gt ; "Página siguiente" #m_album div.page a - No se ha hecho clic en "Página siguiente" de la "Página anterior" #m_album div.page a: visitado - "Página anterior" de la "Página siguiente" Enlace visitado #m_album div .image - Área de vista previa del álbum #m_album div.image - Área de vista previa del álbum #m_album div.image - Área de vista previa del álbum.
image - Área de vista previa del álbum #m_album a img - Enlace de imagen #m_album a:hover img - Efecto de desplazamiento de imagen #m_album a:hover img - Efecto de desplazamiento de imagen #m_album div.page a: visitada - "Página anterior" Página siguiente "ha sido visitado - efecto de desplazamiento de la imagen #cbut - botón de acción del álbum #cbut a img{border: 0px filter: alpha (enabled=0)} - imagen del botón ----------- ------- ------------------------------------- ------- ------------ Área de enlace #m_links div.page a: visitada - Se ha visitado la "página siguiente" de la "página anterior" - Elemento de efecto de desplazamiento de imagen - Subelemento - El tamaño de el color de fuente en enlaces amigables #m_links div.item a -- Nombre (enlace) -- El tamaño del color de fuente en enlaces amigables en los que no se ha hecho clic #m_links div.item a: visitado -- No El tamaño de fuente color en los enlaces amigables en los que se hizo clic #m_links div.item a: visitado - el tamaño del color de fuente en los enlaces amigables en los que no se hizo clic elemento a: visitado - el tamaño y el color de la fuente en los enlaces amigables en los que se hizo clic #m_links div.line - Divisor línea------------------------------------------------- ---------------------------------- Módulo personalizado 1-4 #m_mylink1-4 div.item - "Descripción" contenido #m_mylink1-4 div.item a - nombre del enlace del título #m_mylink1-4 div.item a: visitado- - nombre del enlace del título #m_mylink1-4 div.item a: visitado- - nombre del enlace del título #m_mylink1-4 div. a: visitado- - nombre del enlace del título #m_mylink1-4item a - nombre de la categoría (enlace) - color del tamaño de cada categoría en la categoría del artículo en el que no se hizo clic #m_artclg div.item a: visitado - cada categoría en la categoría del artículo visitado Enlace de categoría #m_artclg div.line - Línea separadora - Configuraciones relacionadas------------------------------------ ----- ------------------------------------------ Última sección de comentarios #m_comment div .item - subelemento: el tamaño y el color del nombre de usuario en el último comentario en el que no se hizo clic #m_comment div.item a: el tamaño y el color de cada categoría en la categoría del artículo en el que no se hizo clic #m_artclg div.item a: el tamaño y el color del usuario en la categoría del artículo en el que no se hizo clic Tamaño y color del nombre #m_artclg div.item a: visitado - Enlaces a cada categoría en la categoría del artículo visitado #m_artclg div.line - Línea separadora - Configuraciones relacionadas ------------ --- ----------------------------------------------- --- ---------------elemento a --Últimos comentarios
El tamaño y el color del nombre de usuario en la discusión, en el que no se hizo clic #m_comment div.item a: visitado - El tamaño y el color del nombre de usuario en el último comentario, en el que no se hizo clic #m_comment div.item a.cnt - El tamaño y color del texto del comentario en el último comentario, No se hizo clic #m_comment div.item a.cnt: visitado - El tamaño y color del texto del comentario del enlace visitado en el último comentario #m_comment div.item a.cnt: hover -- El tamaño y color del nombre de usuario en el último comentario, en el que no se hizo clic # m_comment div.item a.cnt:hover --El enlace donde el mouse se desplaza sobre el texto del comentario en el último comentario #m_comment div.line -- Configuraciones relacionadas para la línea divisoria de comentarios en el último comentario---------- ----------------------- ------ ------------------ ------------------- Lista de álbumes #m_albumlist --Fondo del área del álbum de primer nivel #m_albumlist div.none- - No hay información de solicitud de foto #m_albumlist a img - Imagen de portada de á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 .desc -- descripción del á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: pasar el cursor -- Pasar el mouse efecto #imagee a img -- Área de imagen de tercera capa #m_albumlist div.phimg a img -- Imagen#m_albumlist div.phimg a.act：hover -- Efecto colgante #m_albumlist div.phimg a.act：hover -- Efecto colgante # m_albumlist div.phimg a.act：hover - Efecto de suspensión hover img - estilo de desplazamiento del botón de imagen #m_albumlist div.phinfo - información de la imagen #m_albumlist div.phpage - - área del botón de acción #m_albumlist div.phpage a img - botón de acción #m_albumlist div.phpage a:hover img - estilo de desplazamiento del botón de acción - - ------------------------------------ -------------- ---------------------------- Lista de amigos #m_friend div.filter # m_friend div.user a:hover img -- botón de acción imagen# m_friend div.user a: visitado - - Enlace visitado #m_friend div.line - Línea separadora ----------------- ---------------- ---------------------------------- -------------
----Establecer estadísticas de acceso, configuración de plantilla #m_setting a --link {color: #3399CC}#m_setting a:hover --efecto de desplazamiento #m_setting a: visitado --Establecer color, enlace visitado #m_setting --Establecer color de texto , hecho clic#m_setting img.sel --Imagen de vista previa de la plantilla (estado seleccionado) {borde: 4px sólido #FFDB7B}#m_setting img.unsel --Imagen de vista previa de la plantilla (estado no seleccionado) #m_setting span.tit --Título de la plantilla Nombre#m_setting span.usr --Nombre del autor#m_setting div.sel --Nombre del título de la plantilla (estado no seleccionado) "Plantilla actual" text#m_setting div.line --Línea de separación----------- ---- ------------------------------ ---------- ---- --------------- Anuncio del sistema #m_sysinfo a -- Configuración de color del enlace, estado sin hacer clic #m_sysinfo a: visitado -- Configuración de color, enlace visitado #m_sysinfo -- Tamaño del color del texto #m_sysinfo span .new -- Tamaño de color más reciente #m_sysinfo span.spSpaceName -- Nombre del espacio #spSpaceDescri -- Descripción del espacio #spConfigDispNum -- Mostrar artículos por página #spConfigDispMod -- Visualización de artículos #spDateMod -- Formato de hora #btn_submit --Botón de opciones de guardar- ----------------------------------------- --- ------------------------------- Comentarios del usuario #in_comment - Ancho del texto in_comment div.tit - Tamaño del color del título y otros configuraciones #in_comment div.user --Nombre del editor, número de serie, --Tamaño de color de fila y otras configuraciones #in_comment div.user a--Nombre del editor sin hacer clic (enlace) tamaño de color #in_comment div.user a: visitado--enlace visitado. #in_comment div.span.date - tamaño del color de la hora de publicación #in_comment div.desc - tamaño del color del contenido del comentario #in_comment div.line - configuración del separador #in_send div.tit - configuración del comentario (Título)--------- --------------------------------------- ----------- -- --------------------- Archivo de artículos #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: visitado - - Enlace visitado #m_filed div.line - - Línea separadora -------------- ------------ ----- ------------------------------------ --
-------------- Visitantes recientes #m_track a - - ID de visitante Color de fuente Tamaño #m_track a:hover - - Pase el cursor sobre el enlace ID #m_track a img - - Visita El efecto de filtro del avatar , otros efectos de filtro {filtro: invertir}, {filtro: xray}. #Hover img --El efecto de pasar el 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 color de fondo #m_search input.submit -- Configuración de "Búsqueda de Baidu" #m_search.mod {antecedentes:url() sin repetición 0 0}--Título de búsqueda de Baidu#m_search input.text--Cuadro de entrada#m_search etiqueta--Área de casilla de verificación#m_search input.radio--Círculo delante de la casilla de verificación#m_search entrada. enviar --Botón Enviar------------------------------------- ----- ---------------------------------- Tablero de mensajes #mod_board.mod -- Módulo de 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 input.#spBCmtAuthor: entrada del cuadro de entrada del nombre del mensaje.
#spBCmtURL --Cuadro de entrada de URL del mensaje #spBCmtText --Cuadro de entrada de mensaje #vercode entrada- --Cuadro de entrada de número de serie #in_send td.f14 entrada --Botón de mensaje #in_msg div --Área de mensaje #in_msg a- --Área de mensaje link #in_msg a：hover -- efecto de desplazamiento #in_msg div.tit -- Título del mensaje de usuario #in_msg table.item -- Título del mensaje #in_msg td.index -- Número de serie del mensaje #in_msg div.user -- Mensaje de usuario #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 td. Hora del mensaje #in_msg div.desc - Contenido del mensaje #in_msg div. línea --Línea de separación----------------------------------------------------- -------- ---------------------------------- Mi colección de búsqueda #m_cang div.item --Configuración del tamaño del color del texto #m_cang div.item a -- Configuración del tamaño del color sin hacer clic #m_cang div.item a: desplazamiento - efecto de desplazamiento #m_cang div.item a: visitado- enlace visitado #m_cang div.line - división línea --- ---------------------------------------------- ---- ------------ --------------- gráfico de barras .stat td{altura de línea: 22px color: #333333; tamaño: 14px} //*visitas acumuladas y otras fuentes */ .chart{posición: relativa; margen: 10px 0 30px 31px; borde: 1px sólido #B3B3DC}/*Línea izquierda en \bar gráfico */ .chart div.bar , .chart div .barhl{posición:absoluta;fondo:#DCDCF4;borde:1px sólido #B3B3DC;line-height:0}/*Color de la barra de línea\color del borde inferior*/ .chart div.barhl{fondo:#C2C2F4 }/*Efecto de desplazamiento de barra de línea*/ .chart div.liney{posición: absoluta; borde superior: 1px punteado #B9B9B9; altura de línea: 0}/* divisor **/ .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*/ .cha
rt div.titxhl{color: #FF0000}/*Color de fuente de inicio de mes*/ .chart div.hit{posición: absoluto; índice z: 1000; ancho: 100px color: #666; font-family: Arial}/*Efecto de estadísticas de acceso al desplazamiento de ruta y fila*/ .chart div.tity{text-align: right} .stattop{float: left margin-top: 20px; 10 píxeles; ancho: 199 píxeles! importante; ancho: 220px; borde: 1px sólido #CDCDCD}//* Las siguientes son las configuraciones de análisis */ .stattop{float: left; margin-top: 20px; !- ------------------------------------------------ ----------------------- Calendario #mod_cals .modbox -- Módulo de calendario #cals -- Fondo del texto del calendario, borde # mod_cals . modbox td - configuración de color de fuente #m_ cals - configuración del color de fondo del módulo #m_cals div - configuración de fondo #cals .cal_body, #cals .cal_mth- - la parte de fecha en el módulo excepto el controlador de año y mes, incluyendo el día de la semana y fechas generales #cals .cal_yr tabla - año y mes tabla #cals .cal_yr td - *año y mes celdas #cals .cal_yr .cal_pre - flecha del último mes (normal) #cals .cal_yr .cal_nxt - Flecha del mes siguiente (normal) #cals .cal_yr .cal_pre_ovr - Flecha del mes pasado (normal) #cals .cal_pre_ovr - Flecha del mes siguiente (normal) #cals .cal_nxt - Flecha del mes siguiente (normal) #cals .cal_nxt - Flecha del mes siguiente ( normal) cal_pre_ ovr --Flecha del mes anterior (mouseover) #cals .cal_yr .cal_nxt_ovr --Flecha del mes siguiente (mouseover) ------------------------ -------------------------------------------------- --- ---------- Última publicación de un amigo #mod_friblog .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 de avatar de amigo, otros efectos de filtro #m_friblog a:hover img- --- El efecto de desplazamiento cuando el mouse se mueve al avatar de un amigo-------------------- ------------------------------------------------- - --------- Editor RSS #m_rss div.item { color: #669900; tamaño de fuente: 12px } }./* Fuente en el módulo RSS;
Tamaño y color*/ #m_rss div.item table {color: #669900; } #m_rss div.item a {color: #000000; tamaño de fuente: 12px; decoración de texto: ninguna; /* El color de fuente, el tamaño de fuente y el estilo del enlace en el módulo RSS */ #m_rss div.item a: wanted { color: #3399CC }/* El color de fuente del enlace en el módulo RSS después de haber sido visitado */ #m_rss div.item div.dt { margin-bottom: 5px; margin-top: 5px; font-weight: negrita }/* Estilo del título en el módulo RSS*/ #m_rss div.line { border-top; : 1px sólido #D2E9F4; altura de línea: 1px; altura: 1px; margen superior: 5px }/* Estilo del divisor en el módulo RSS*/ ----------------- --------- ----------------------------------------- --------- ------ Agregue también: div#cals .cal_yr .cal_pre{font-size: 8px; background: url(/main/Article/UploadFiles/200606/20060619153249362.gif) no -repetir centro centro; relleno-izquierda: 10px}/*Flecha hacia arriba de enero (normal)*/ div#cals .cal_yr .cal_nxt{font-size: 8px background: url(/main/Article/UploadFiles/200606/20060619153249362. gif) centro sin repetición -izquierda: 10px}/*Flecha hacia abajo de enero (normal)*/ div#cals .cal_yr .cal_pre_ovr{font-size: 8px; target="_blank" gt;
) centro sin repetición; padding-left: 10px; cursor: pointer}//*Flecha arriba/enero (mouseover)*/ div#cals .cal_yr .cal_nxt_ovr {tamaño de fuente: 8px; fondo: url(
" target="_blank" gt;
) centro sin repetición; relleno-izquierda: 10px; cursor: puntero} /*Próxima flecha de enero (desplazar el mouse)*/ div#cals *.cal_active{color: #ffbbbb; decoración de texto: ninguno; peso de fuente: negrita: url(/main/Article/UploadFiles/2
00606/20060619153248818.gif) centro sin repetición; linehight: 15px }///*Efecto de fecha de actualización*/ div#cals *.cal_select{padding: 2px border: 1px solid #5491C6; color: #ffbbbb; decoración de texto: subrayado}/* Con efecto de mouseover sobre la fecha de actualización*/ div#cals .today{color: #ffbbbb; padding: 2px; 1px discontinuo #89B1ED;
) centro sin repetición; altura de línea: 27px; peso de fuente: negrita }/*Hoy**/ div#cals td{color: #ffbbbb; tamaño de fuente: 12 px; peso de fuente: negrita; relleno: 3 px; altura de línea: 14 px; espacio en blanco: nowrap}/*date**/ div#cals .cal_date{color: #ffbbbb}/ -- -- ------------------------------------------------ -- -------------------------- /* Ocultar código de reproductor**/ #phx{FILTRO: Alpha(Opacidad=0)} # phx{FILTRO : Alpha(Opacity=100, FinishOpacity=10, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0); WIDTH: 650px HEIGHT: 1px} Simplemente modifique el valor correspondiente dentro Cambiando el efecto de; el reproductor, el código del reproductor no es fácil de depurar.