Cómo modificar el fondo en la plantilla espacial de Baidu

Le indicamos la forma más sencilla. Primero, elija una plantilla que le guste en general y luego configúrela: Personalizar plantilla: cree una nueva plantilla basada en la plantilla actual. Puede ver una gran cantidad de código y no hacerlo. No te preocupes, siempre y cuando veas una dirección de archivo .jpg o .gif, cópiala y ábrela en otra barra de direcciones para ver la imagen, y luego reemplaza esa dirección con tu dirección de imagen favorita de tamaño similar. No lo hago. No sé sobre ti. ¿Lo entiendes? También hay un nombre de espacio de introducción y un área de introducción debajo de #header - la parte principal - la parte completa del título del encabezado 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, título principal, tamaño y color del nombre #header div.tit a.titlink - enlace del nombre del espacio, sin hacer clic #header div.tit a.titlink: visitado: enlace que se ha visitado #header div.desc ——Introducción del espacio, es decir, subtítulo, posición, tamaño, color, barra de navegación #tabline ——La línea horizontal debajo del menú, es decir, el separador, utilizada para separar desde el nombre del espacio #tab ——El cuerpo principal de la barra del menú de navegación—parte superior de la página" Blog de la página de inicio | álbum de fotos..." imagen de fondo de la barra #tab a.on, #tab a.on: enlace, #tab a.on: visitado - 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 "Enlaces que han sido visitados #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 abarcan ——TAB estado seleccionado #tab2 a ——TAB estado no seleccionado #tab2 a ：enlace #tab2 a：visitado ——El enlace que ha sido visitado---------------------------------- --------------- -------------------------------- Área de contenido.etapa —— Todas las partes del cuerpo de la página (debajo de la barra de navegación) Otras áreas (es decir, información como el número de visitas) #comm_info Parte principal: color y posición "La gente ha visitado este espacio" en "Otros" #comm_info div.line - "La gente ha visitado este espacio" Configuraciones relacionadas de la división rosa línea debajo de "Visita este espacio" #comm_info a - "¿Qué es RSS?" color en "Otros" #comm_info a: desplazamiento - efecto de desplazamiento #comm_info.mod - título del área #m_comm_info.modbox - — Otros módulos regionales #pvshow — Número de visitas font #m_comm_info div a — Logotipo de Baidu ---------------------------------- ------ -------------------------------------------- Área de número de página #página — — Cuerpo principal altura tamaño posición #intervalo de página —— Número de página actual (no se puede hacer clic) #página a.pc—— No se ha hecho clic en la página anterior y en la página siguiente #página a.pc: visitada—— Se ha hecho clic en #página a .pi ——Número de página (en la que se puede hacer clic) #página a.pi: visitada ——El enlace que se ha visitado

-------------------------------------------------- ------------------------------- Configuración de columna espacial.stage{}Estilo de columna principal/*Código ascendente en el lado derecho de la página* / #layout{margin-top:-25px}/*Sección 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}/*ancho del contenido*/ #layout td.c2t2{width: 0px} #layout td.c2t3{ relleno-derecha: 10px; relleno-izquierda: 8px; ancho: 96! importante; ancho: 28; posición: /*código ascendente izquierdo*/ arriba: -388px; : block; /*Columna central*/border-left: 1px solid #DDDDDD} Lo anterior es el patrón de 2 columnas horizontales y 2, 2 columnas horizontales y 3, y así sucesivamente, con su código anterior. ¡Deja un mensaje si no lo entiendes! ¡O ajústelo usted mismo! -------------------------------------------------- ------------------------------- Module area.mod - título del módulo, espaciado superior e inferior.modhandle{cursor: mover} .modth ——La distancia entre el cuerpo principal de la barra de título del módulo y el texto.modhead ——La posición del área de título del módulo.modopt ——El área de operación del módulo (como escribir un nuevo artículo), spacing.modtit —— —El área de título del módulo (como lista de artículos, archivos personales) Tamaño y color.modtitlink - Título del módulo link.modact - Enlace de texto de operación, enlace "Modificar perfil", - Configuraciones de tamaño y color relacionadas para "Editar" y otros enlaces en la esquina superior derecha.

.modbox: el color de fondo principal del área de contenido del módulo, etc. a.modact: enlace: el color del enlace "Modificar información personal" a.modactlink: visitado: el enlace visitado: el fondo de la imagen del borde suburbano en la parte superior izquierda. esquina del módulo, La primera columna, columna vacía.modtc: el fondo de la imagen de fondo en el módulo, la segunda y tercera columnas, archivos personales, modificación de información personal.modtr: el fondo de la imagen de fondo en la esquina superior derecha del módulo, la cuarta columna, columna vacía.modbl - —La imagen de fondo en la esquina inferior izquierda del módulo.modbc——La imagen de fondo en el medio y la parte inferior del módulo.modbr——La imagen de fondo en la esquina inferior derecha del módulo------------------ ------------------------------- ------------- ----------- Área del artículo #m_blog div.tit ——Título del artículo #m_blog div.tit a ——Artículo enlace del título, tamaño y color, no hecho clic #m_blog div.tit a: visitado —— Tamaño del título del artículo y color de los enlaces visitados #m_blog div.date - fecha de publicación del artículo, tamaño del texto y color #m_blog div.cnt - tamaño del contenido del artículo y color #m_blog div.more - "Leer el texto completo gt; gt;" #m_blog div.more a - El tamaño y color de "Leer el texto completo; gt;", en el que no se ha hecho clic #m_blog div.more a: visitado: el tamaño y el color de "Leer el texto completo; gt;" Enlaces que han sido visitados #m_blog div.opt: ​​área de operación del artículo (como el color y el tamaño de "Editar") #m_blog div.opt a - Tamaño y color del enlace de operación del artículo #m_blog div.opt a: visitado - "Editar para eliminar comentarios (4) Explorar (21)" enlaces visitados #m_blog div.line - configuraciones relacionadas de la barra separadora #m_blog div.none - no información del aviso del artículo, configuración invisible, no es necesario cambiar --------- ------------------------------ -------------------- --------------------- Área de perfil #mod_profile.modtit - Página de inicio título del perfil #m_pro a - Color de "Ver detalles" en el perfil, No hecho clic #m_pro a:hover - efecto de desplazamiento #m_pro a: visitado - el 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, dividida en "centro, izquierda, derecha" #m_pro div.act - área de operación - espacio entre la introducción personal y el avatar #m_pro div.user - tamaño y color del nombre de usuario personal # m_pro div. - el 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 puedes obtener una vista previa de este elemento debajo #m_pro .photo td - agregar como amigo y envía un mensaje en el medio "| ” #m_pro .photo .image #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 .basi

c td——Nombre de usuario para ver la espera del usuario en Baidu #m_pro .basic .tit #m_pro .basic a: hover——Enlace de fecha de provincia masculina, no se ha hecho clic en el enlace sobre el que pasa el mouse #m_pro .basic a. nlk: hover - "publicar discurso en la barra" "conocer la respuesta" #m_pro .pline - línea divisoria central #m_pro .pitem - altura de la fuente #m_pro .pitem .tit - la escuela a la que asistí, etc. #m_pro .pitem a :hover ——El enlace sobre el que pasa el mouse---------------------------------------- - ------------------------------------ Área del álbum #m_album div.image ——Álbum La posición de visualización de la foto del medio se divide en "centro, izquierda, derecha - centro, izquierda, derecha" #m_album div.page - "Página anterior" gt; "Página siguiente" #m_album div.page a — —La "página siguiente" de la "página anterior" no se ha hecho clic#m_album div.page a: visitado——Se ha visitado la "página siguiente" de la "página anterior" link#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 la imagen #cbut - botón de operación del álbum #cbut a img{border: 0px filter: alpha (enabled=0)} - imagen del botón------------- ------------------------------------ -------------- ----------------- Área de enlaces amigables #m_links div.item - subelemento - color de fuente en enlaces amigables Tamaño #m_links div.item a - Nombre (enlace) - El tamaño y color de la fuente en el enlace amigable, en el que no se ha hecho clic #m_links div.item a: visitado - El tamaño y color de la fuente en el enlace amigable, en el que se ha hecho clic #m_links div .line - línea divisoria-- ----------------------------------------- --- --------------------------------- Módulo personalizado 1-4 #m_mylink1-4 div.item— — Contenido de “ Descripción” #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 Un enlace visitado #m_mylink1-4 div.line — Cable dividido--------- ---------------------------------------- ---------- --------------------- Área de clasificación de artículos #m_artclg div.item - subelemento - cada categoría en la clasificación de artículos El número de temas al final y el tamaño y color de los corchetes #m_artclg div.item a - nombre de la categoría (enlace) - el tamaño y color de cada categoría en la categoría del artículo, en los que no se hace clic #m_artclg div.item a: visitado - cada categoría en la categoría del artículo Enlace visitado #m_artclg div.line - línea divisoria - configuración relacionada de los separadores entre categorías en la categoría del artículo

Configuración------------------------------------------------- ------------------------------- Área de comentarios más recientes #m_comment div.item - subelemento - nombre de usuario en el último comentario No se ha hecho clic en el tamaño y el color del nombre de usuario en el último comentario.#m_comment div.item a——No se ha hecho clic en el tamaño y el color del nombre de usuario en el último comentario#m_comment div.item a：visited——El se hizo clic en el tamaño y color del nombre de usuario en el último comentario# m_comment div.item a.cnt - El tamaño y color del texto del comentario en el último comentario, en el que no se hizo clic #m_comment div.item a.cnt: visitado - El tamaño y el color del texto del comentario en el último comentario. Enlaces que se han visitado #m_comment div .item a.cnt: hover - el enlace en el que el mouse pasa sobre el texto del comentario en el último comentario #m_comment div.line - configuraciones relacionadas para la línea divisoria entre cada comentario en el último comentario ---------- --------------------------- ----------------------- -------------------- Lista de álbumes #m_albumlist - Primera capa fondo del área del álbum #m_albumlist div.none - Sin información de solicitud de foto #m_albumlist a img - Imagen de portada del álbum pequeño #m_albumlist a: hover img - efecto de desplazamiento del mouse #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 - hover Efecto de parada #m_albumlist span.count - número de fotos #m_albumlist a.act - enlace al área de operación, como editar y eliminar #m_albumlist a.act: hover - efecto de desplazamiento del mouse #m_albumlist div.note - segunda capa del álbum Área de imagen #m_albumlist div.desc - introducció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: hover - efecto de desplazamiento del mouse #imagee a img - área de imagen de 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 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.catalog #m_frie

nd a img - avatar de amigo #m_friend a: hover img - efecto de desplazamiento #m_friend div.user #m_friend div.user a - nombre del amigo (enlace), sin hacer clic #m_friend div.user a: hover - efecto de desplazamiento #m_friend div. usuario a img - imagen del botón de acción #m_friend div.user a: flotar img - imagen del botón de acción #m_friend div.user a: visitado - enlace que ha sido visitado #m_friend div.line ——Línea de límite------- ----------------------------------------- --------- ------------------------- 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——Configuración de color, enlace visitado #m_setting——Configuración de color del sujeto, 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 ——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 - línea divisoria-- ------------------------------ -------------------- ------------------------- Anuncio del sistema #m_sysinfo a - Configuración de color del enlace, no hecho clic #m_sysinfo a: visitado - Configuración de color, enlace visitado #m_sysinfo - Tamaño del color del cuerpo #m_sysinfo span.new - Tamaño del color más reciente #m_sysinfo span .date ——Tamaño del color del momento de publicación-------------------------- ------------- ------------------------------- ------ Opciones básicas #m_setbase - tamaño del color del cuerpo #m_setbase td —— Tamaño del color #m_setbase div.line —— Línea divisoria #spSpaceName —— Nombre del espacio #spSpaceDescri —— Introducción del espacio #spConfigDispNum —— Mostrar artículos por página #spConfigDispMod —— Visualización del artículo #spDateMod —— Formato de hora #btn_submit —— Botón Guardar opciones------------------------------- ----------------- -------------------------------- Internauta comentarios #in_comment ——Ancho del cuerpo #in_comment div.tit ——Tamaño del color del título Configuraciones como #in_comment div.user - Nombre del póster, número de serie, tamaño del color de la línea y otras configuraciones #in_comment div.us

er a - el tamaño del color de la persona que publicó el enlace (enlace) en el que no se ha hecho clic #in_comment div.user a: visitado - el enlace que se ha visitado #in_comment div.user span.date - el tamaño del color del 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 del tamaño del color del tema #m_filed div.item a ——La configuración del tamaño del color en la que no se ha hecho clic #m_filed div.item a : visitado —— Enlace visitado #m_filed div.line - línea divisoria---------------------------------- -- ---------------------------------------------- Visitantes recientes #m_track a ——Tamaño del color de fuente del ID del visitante #m_track a：hover—— El enlace donde el mouse se desplaza sobre el ID #m_track a img ——El efecto de filtro del avatar del visitante, otros efectos de filtro {filtro: invertir}, {filtro : 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 ——Configuraciones de fuente como "Internet" #m_search input.radio ——Configuraciones de fondo como "Internet" #m_search input.submit ——"Búsqueda de Baidu" configuración #mod_search.mod{fondo ：url() no-repeat 0 0} ——Título de búsqueda de Baidu #m_search input.text ——Cuadro de entrada #m_search label ——Área del cuadro #m_search input.radio ——El círculo delante de el cuadro #m_search input.submit— —Botón Enviar------------------------------------------------ ---------- ---------------------------------- 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 # entrada mod_board td.modtr.#spBCmtAuthor——Entrada del cuadro de entrada del nombre del mensaje.#spBCmtURL——Cuadro de entrada de la URL del mensaje#spBCmtText——Cuadro de entrada del mensaje#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: desplazamiento - 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 ------------------------------ --------- ----------------------------------------- Mi colección#m_cang div.item—— Configuración de tamaño de color del cuerpo principal#m_cang div.item a——Configuración de tamaño de color de no hacer clic#m_cang div.item a：hover——Efecto de desplazamiento#m_cang div.item a:visited——El enlace visitado #m_cang div.line ——La línea divisoria--------------------------------- ----------- --------------------------------------- Figura de columna.stat td{altura de línea: 22px ; color: #333333; tamaño de fuente: 14px}/*Fuentes como visitas acumuladas*/ .chart{posición: relativa; margen: 10px 0 30px 31px borde: 1px sólido # B3B3DC}/*La línea izquierda en la barra gráfico*/ .chart div.bar, .chart div.barhl{posición: absoluta; fondo: #DCDCF4; borde: 1px sólido #B3B3DC altura de línea: 0}/*Color de columna de línea\color inferior*/ .chart div; .barhl{fondo: #C2C2F4}/*Efecto de desplazamiento de columna de línea*/ .chart div.liney{posición: absoluta; borde superior: 1px punteado #B9B9B9; altura de línea: 0}/*separador*/ .chart div. titx, .chart div.titxhl, .chart div.tity{posición: absoluta; color: #666; tamaño de fuente: 9px; familia de fuentes: Arial; centro; números*/ .chart div.titxhl{color: #FF0000}/*Color de fuente del mes inicial*/ .chart div.hit{posición: absoluto; índice z: 1000; ancho: 100px; color: #666; : 12px; familia de fuentes: Arial}/*Efecto de estadísticas de acceso al desplazamiento de la columna de línea*/ .chart div.tity{text-align: right} .stattop{float:

izquierda; margen superior: 20px; margen derecho: 14px; relleno: 10px; ancho: 199px importante; ancho: 220px; borde: 1px sólido #CDCDCD}/*Las siguientes son configuraciones de análisis*/ .stattop{float: left ; margen superior: 20 px; margen derecho: 14 px; relleno: 10 px; ancho: 199 px! {altura: 20px} --------------------------------------------- - ---------------------------------- Calendario #mod_cals .modbox - módulo de calendario #cals - fondo principal del calendario, border #mod_cals .modbox td - configuración del color de fuente #m_cals - establece el 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 las fechas generales #cals .cal_yr tabla - año, mes tabla #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 mes siguiente (mouseover) --------- ---------------------- ---------------------------- --------------------- Amigos último artículo #mod_friblog .modbox - Módulo del último artículo de un amigo #m_friblog div.item - Configuración del tamaño de color del cuerpo del nombre del amigo #m_friblog div.item a——La configuración del tamaño de color del nombre del amigo en el que no se ha hecho clic#m_friblog div. elemento a: visitado——El enlace cuyo nombre de amigo ha sido visitado#m_friblog div.item a.cnt——El tamaño del color del contenido del artículo#m_friblog div .item a.cnt: visitado: el enlace donde se ha visitado el contenido del artículo visitado #m_friblog div.item a.cnt: hover - el efecto de desplazamiento del contenido del artículo #m_friblog div.line - línea divisoria #m_friblog a img - amigo Efectos de filtro de avatar, otros efectos de filtro #m_friblog a: hover img - efecto de desplazamiento de el mouse sobre el avatar de un amigo ----------------------- --------------------- ----------------------- ------- Edición de RSS #m_rss div.item { color: #669900; -size: 12px; } /* El tamaño y color de la fuente en el módulo RSS */ #m_rss tabla div.item

{ color: #669900; } #m_rss div.item a { color: #000000; font-size: 12px; text-decoration: none } /* Color de fuente, tamaño de fuente y estilo de los enlaces en el módulo RSS */ # m_rss div.item a: visitado { color: #3399CC; } /* Color de fuente del enlace visitado en el módulo RSS */ #m_rss div.item div.dt { margin-bottom: 5px; peso: negrita; } /* Estilo del título del módulo RSS */ #m_rss div.line { border-top: 1px solid #D2E9F4; line-height: 1px height: 1px; la línea divisoria en el módulo RSS*/ ----------------------------------------- --------------------------------------- Adición adicional: div#cals .cal_yr .cal_pre{ tamaño de fuente: 8px; fondo: url(/main/Article/UploadFiles/200606/20060619153249362.gif) centro sin repetición; padding-left: 10px}/*Flecha del mes anterior (normal)*/ div#cals. .cal_nxt{font-size: 8px; background: url(/main/Article/UploadFiles/200606/20060619153249362.gif) centro sin repetición; padding-left: 10px}/*Flecha del próximo mes (normal)*/ div# cals .cal_yr .cal_pre_ovr{font-size: 8px; fondo: url(

" target="_blank" gt;

) centro sin repetición; relleno-izquierda: 10px ; cursor: puntero}/*Flecha del mes anterior (mouseover)*/ div#cals .cal_yr .cal_nxt_ovr{font-size: 8px; fondo: url(

" target="_blank " gt;

) centro sin repetición; padding-left: 10px; cursor: pointer}/*flecha del mes siguiente (mouseover)*/ div#cals *.cal_active{color: # ffbbbb; peso de fuente: negrita; FONDO: url(/main/Article/UploadFiles/200606/20060619153248818.gif) centro sin repetición; altura de línea: 15px;*Con efecto de fecha actualizada*/ div#cals *.cal_select{padding: 2px; borde: 1px

sólido #5491C6; color de fondo: #00000cc; color: #ffbbbb; decoración de texto: subrayado} /*Fecha de actualización con efecto de mouseover*/ div#cals .today{color: #ffbbbb; #89B1ED; FONDO: url(

) centro sin repetición; altura de línea: 27px; peso de fuente: negrita; alinear: centro; familia de fuentes: Arial; tamaño de fuente: 12 px; peso de fuente: negrita; altura de línea: 14 px; :#ffbbbb}/--------------------------------------------------- ----------------------------------------------- /*Esconder código de reproductor*/ #phx{FILTRO:Alfa(Opacidad=0)} #phx{FILTRO: Alfa(Opacidad=100, FinishOpacity=10, Estilo=2, StartX=20, StartY=40, FinishX=0, FinishY=0 ); ANCHO: 650px; ALTO: 1px} Modifique el valor correspondiente en el interior para cambiar el efecto del reproductor.