▅▅◣Buscando plantilla de espacio Baidu (adecuada para tipo blog)

Una plantilla tan buena como Sina Blog no se puede implementar en Baidu Space ~ Si escribes principalmente blogs, te recomiendo que escribas en Sina Blog. Hay muchas plantillas para el blog de Sina, y todas son hermosas, ordenadas y naturales. ¡Son mucho mejores que las plantillas compuestas por imágenes en Baidu Space! ~Si quieres hacer una plantilla de espacio Baidu, te diré la forma más sencilla. Primero, elija una plantilla que generalmente se parezca a ella, luego configúrela, personalice la plantilla, cree una nueva plantilla basada en la plantilla actual, puede ver una gran cantidad de código. no te preocupes. Luego, cada vez que vea la dirección de un archivo. jpg o. gif, cópialo y ábrelo en otra barra de direcciones para ver la imagen. Luego puedes reemplazar esa dirección con la dirección de tu imagen favorita. ¿No sé si entiendes? También hay una introducción al nombre del espacio y al área de introducción # encabezado: la parte principal: la parte completa del título del encabezado del espacio # encabezado div LC: la imagen de fondo en la esquina superior izquierda de la página de inicio # encabezado div. - la imagen de fondo en la esquina superior derecha de la página de inicio # header div tit - nombre del espacio, es decir, el título principal. nombre tamaño color # encabezadodiv. tita .titlink: enlace del nombre del espacio, sin hacer clic en #headerdiv. tita.titlink: enlace visitado-visitado # encabezado div - introducción del espacio, es decir, subtítulo, ubicación, tamaño, color, barra de navegación # línea de tabulación: línea horizontal debajo del menú, es decir, el separador utilizado para separar los nombres de los espacios. # tab - cuerpo principal de la barra del menú de navegación - Imagen de fondo #tab a.on, #tab a.on: enlace, #tab a.on: se ha accedido a la parte superior de la página, es decir, el "enlace de la barra de navegación". Tamaño color + fondo # tabspan - El separador entre los elementos de la barra de navegación "|" # tab a:link-tab "Blog | Álbum..." color del enlace de la columna, sin marcar #tab a: Visitado - "Blog |Álbum..." Enlace visitado #tab2 ——(Opciones básicas | Configuración de plantilla | Configuración avanzada | Estadísticas de acceso) Propiedades principales del menú #tab2 span ——TAB estado seleccionado #tab2 a ——TAB estado no seleccionado #tab2 a:link # Tab2a: Enlaces visitados-visitados -. La parte principal de Comm_info: el color y la ubicación de "Alguien ha visitado este espacio" en "Otros" #comm_info div.line: la configuración relacionada de la línea divisoria rosa debajo de "Alguien ha visitado este espacio" #comm_info a: qué es ¿RSS? ”color # comm _ info a: efecto de desplazamiento # comm _ info título del área mod # M _ comm _ info módulo de otra área # pvshow-número de fuente de los visitantes # M _ comm _ info div a—— —————————————————————————————————————————————————— —————————————————————————————————————————— — Intervalo de páginas: número de página actual ( no se puede hacer clic) # pagea.pc - páginas anteriores y siguientes en las que no se hace clic # páginaa PC: visitada - en la que se hace clic # páginaa - número de página (en la que se puede hacer clic) # pagea.pi: Visitado - Enlaces que han sido visitados -.

Diseño{margin-top:-25px}/*Parte más a la izquierda*/# diseñotd.c1t1, # diseñotd.c2t1, # diseñotd.c3t1, # diseño TD . # diseño TD . : 8px Ancho: 96%! Importante; Ancho: 28%; Posición: Relativa; /* Código de la fila superior izquierda * / arriba: -388 px; Relleno superior: 0; solid # dddddd }Lo anterior es el patrón de 2 filas y 2 columnas, y así sucesivamente, y su código está arriba. ¡No entiendo el mensaje! ¡Hazlo tú mismo! - .Espaciamiento superior e inferior. modhandle {cursor: mover}. modth: la distancia entre el cuerpo y el texto de la barra de título del módulo. modhead: la ubicación del área del encabezado del módulo. Área de operación del módulo modopt (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 del título del módulo. modact: manipula enlaces de texto, el enlace "Modificar perfil" y el enlace "Editar" en la esquina superior derecha. . modbox: el color de fondo principal del área de contenido del módulo, etc. a.modact:link - Color del enlace "Modificar información personal" a.modactlink:visited - un enlace que ha sido visitado. modtl: la imagen de fondo de los suburbios exteriores en la esquina superior izquierda del módulo, la primera columna, columna vacía. modtc: la imagen de fondo del módulo, la segunda y tercera columnas, archivos personales, modifica información personal. El fondo de la imagen de fondo MODTR está en la esquina superior derecha del módulo, en la cuarta columna, columna vacía. modbl: el fondo de la imagen de fondo en la esquina inferior izquierda del módulo. modbc——La parte media e inferior del módulo, el fondo de la imagen de fondo inferior. mod br - fondo de la imagen de fondo - en la esquina inferior derecha del módulo. M_blog div. tit a-artículo título enlace, tamaño y color, no se hace clic. Título a: Visitado: el tamaño y el color del título de la publicación han sido visitados#m_blog div. Fecha: 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. >" # m_blogdiv.more a-"Leer más> >" #m_blogdiv.more a: visitado-"Leer más>;>" Tamaño y color de los enlaces visitados #m_Blogdiv. opt - área de operación del artículo (como el color "editar" tamaño) # m _ Blogdiv opte por un artículo operación enlace tamaño color # m _ Blogdiv opt a: Visitado - "Editar Eliminar comentario (4) Ver (21)" M _ blogdiv.none relacionado. configuración - no hay información de solicitud de artículo, configuración invisible, no es necesario cambiar - M_pro a - el color de "Ver detalles" en archivos personales, no se hace clic #m_pro a: colgar Efecto de parada # m _ pro a: Visitado - "Ver detalles " enlace en el archivo personal #m_pro div.image: la posición de visualización del avatar personal en el archivo personal, dividido en "medio, visitado" derecho "#m_pro div.

acto ——área de operación——la distancia entre la presentación personal y el avatar #m_pro div.user ——el tamaño y color del nombre de usuario personal #m_pro div.desc ——el tamaño y color de la presentación personal #m_pro div. línea——la línea divisoria# m_pro TD # M _ pro . foto - fondo de la foto (no se puede obtener una vista previa debajo de este elemento # m _ pro.phototd add "|" # M _ pro . photo . image # M _ pro . línea de foto - 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 el Baidu #M_pro básico del usuario. M _ pro . basica:hover-enlace de fecha de provincia masculina, mouse. No se hace clic en #m_pro. Básico a.nlk:hover - "Tieba talk" y "saber la respuesta" #m_pro - línea media #m_pro. altura #m_pro. titm - escuela a la que fui, etc. # M_pro. Pase el cursor sobre el enlace # m_album.page - "Página anterior" > >Página siguiente # m_Albumdiv.pagea - No se hizo clic en la página siguiente de la página anterior # M_Album div .pagea: Visitado - La página siguiente de la página anterior El enlace ha sido visitado# M _ Álbum div - Área de vista previa del álbum# M _ M _ Álbum a:hover img-Efecto de desplazamiento de imagen# cbut-Botón de operación del álbum# cbut. img { border:0px; filter:alpha(enabled = 0)}-Imagen del botón-. enlace amigable# m_linksdiv Un elemento: Visitado - tamaño de fuente y color en enlaces amigables, se ha hecho clic en # m_linksdiv.line - línea divisoria - M_mylink1-4 div "Descripción" contenido. 4 div.itema: enlace visitado cuyo título-nombre-enlace fue visitado #M_mylink1-4 div. línea divisoria. M_artclg div.item ——Subelemento——El número de temas después de cada categoría en la clasificación 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 de cada categoría en la clasificación y color del artículo. No hay clics en #m_artclgdiv. itema:visited - Enlaces visitados en varios artículos # M_artclg div. Fila——————————————Configuraciones relacionadas con el separador entre artículos de la categoría. M_comment div.item - elemento secundario - tamaño y color del nombre de usuario en el comentario reciente, en el que no se hizo clic #m_comment div.item a - tamaño y color del nombre de usuario en el comentario reciente, en el que no se hizo clic #m_comment div.item a :Visitado - el tamaño y el color de los nombres de usuario en los comentarios recientes, se ha hecho clic en # m_commentdiv.itema.cnt: el tamaño y el color del texto del comentario en los comentarios recientes. #m_commentdiv no hecho clic. item.cnt: visitado: tamaño y color de los enlaces visitados en el último comentario # m _ commentdiv.

item.cnt: pasar el cursor sobre el enlace del último comentario # M _ comentario div. línea ————————————————Configuraciones relacionadas con la línea de separación entre comentarios en los últimos comentarios. M_albumlist - fondo del área del primer álbum #m_albumlist div.none - sin información de foto rápida #m_albumlist a img - portada pequeña del álbum #m_albumlist a:hover img - efecto de desplazamiento del mouse #m_albumlist div.line - línea divisoria# M _ Lista de álbumes div .tita - Título del álbum # m _ Album listdiv.tita: hover - Efecto de desplazamiento #m_albumlist span.count - Número de fotos # m _ Album lista.act - Operación act:hover - efecto de parada del mouse #m_Album listdiv. Nota: Álbum # m _ Álbum listdiv área de imágenes en el segundo piso. desc-album introducción# m_album list. Tamaño - tamaño de la foto #m_albumlist # Página - número de página actual #m_albumlist #página a - otro número de página #m_albumlist #página a:hover - efecto de desplazamiento del mouse #imagee a img - área de imagen de tercera capa # m _ Lista de álbumes div. phimgaing - Imagen # M _ Album listdiv 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 el botón de acción # m _ Album listdiv.phpage img - botón de acción # M_Lista de álbumes div. Estilo de desplazamiento para botones de acción. M_frienddiv. filtro#m_frienddiv. Catálogo # m _ friendimg - avatar de amigo # m _ frienda:hover img - efecto de desplazamiento # m _ frienddiv. usuario#m_frienddiv. Usuario a - nombre de amigo (enlace), en el que no se hizo clic # m _ frienddiv Usuario a: efecto de desplazamiento de desplazamiento # m _ frienddiv Usuario a img - imagen del botón de acción # m _ frienddiv Usuario a: imagen del botón de acción #. M_frienddiv.Usuario a:Enlace visitado-visitado# M_frienddiv.Línea de separación. # M _ configurando a: efecto de desplazamiento al pasar el mouse # M _ configurando a: configuración de color visitado, enlace visitado # M _ configuración de configuración de color del sujeto, hecho clic # M _ configuración de vista previa de plantilla seleccionada (estado seleccionado) { borde: 4px solid # ffdb7b } # M _ configuración mg. Vista previa de plantilla sin seleccionar (estado no seleccionado) # M _ configuración de intervalo. título del título título de la plantilla. nombre del título # M _ configuración de intervalo. .sel-texto de "plantilla actual" # M_setting div. línea divisoria.

No hecho clic # m_sysinfo a: visitado - configuración de color, enlaces visitados # M_sysinfo - tamaño del color del cuerpo # M_sysinfospan nuevo - último tamaño de color # m_sysinfospan. Fecha de publicación - color tamaño -. m_setbase TD-color tamaño # m_setbase div. fila-separador # spspacename - nombre del espacio # spspacedescri - introducción del espacio # spconfigdispnum - artículos mostrados por página # spconfigdispmod - visualización del artículo # Spdatemod - formato de hora # btn_submit - botón de opción de guardar - In_comment tit - color del título Configuración de tamaño #in_comment div. usuario - Nombre publicado, número de serie y - configuración de tamaño de color de fila # En _ comentario div usuario a - Nombre publicado (enlace) tamaño de color sin hacer clic #in_comment div.user a: Ya visitó - Enlace visitado # En _ comentario título de div - Configuración. para publicar un comentario (título). M_fileddiv.itema: configuración de tamaño de color sin hacer clic # m_fileddiv.itema:Visited: enlace visitado # m_fileddiv. línea divisoria. M _ track a: hover-link # m _ track a El efecto de filtro de la cabeza del visitante img cuando el mouse pasa sobre el ID, otros efectos de filtro {filter:invert}, { filter:Xray} # m _ track a :hover img - efecto del mouse sobre la cabeza del visitante -. M_search-área de búsqueda de Baidu# m_searchinput.text-"Internet" y otras configuraciones de fuente# m_searchinput.radio-"Internet" y otras configuraciones de fondo# m_searchinput.submit-Configuración de "búsqueda de Baidu"# Mod_search Mod { background:URL()no. -repetir 0% 0% } - Título de búsqueda de Baidu # m _ searchinput.text - cuadro de entrada # M _ etiqueta de búsqueda - área de marquesina # m _ searchinput - dibuja un círculo delante de la marquesina # M _ entrada de búsqueda. Enviar-Botón Enviar-. Mod_board table.modth: si los siguientes seis elementos no están configurados, se hereda el módulo común # Mod _ board TD . Mod _ board modtc # Mod. _ board TD . modtrinput . # spbcmtauthor-estilo del cuadro de entrada del nombre del mensaje. #spbcmturl-Cuadro de entrada de URL de mensaje# spbcmttext-Cuadro de entrada de mensaje# vercodeinput-Cuadro de entrada de código de verificación# En _ sendtd.f14 entrada-Botón de mensaje# En _ msgdiv-Área de mensajes# En _ msga-Enlace del área de mensajes# En _ msga: efecto hover - hover # En _ msgdiv tit - título del mensaje de usuario # En _ msgtable item - título del mensaje de usuario In_msg td.index - número de secuencia del mensaje # in_msg div.user - mensaje usuario # in_msg div.userdesc - contenido del mensaje # in. _ msgdiv. línea divisoria. M_cangdiv.

Configuración del tamaño del color del elemento del tema#m_cangdiv. configuración de tamaño de color del elemento sin hacer clic #m_cangdiv. elemento: efecto de desplazamiento de desplazamiento #m_cangdiv. elemento: enlace visitado-visitado #M_cangdiv. línea divisoria. Color: # 333333; Tamaño de fuente: 14px}/*Visitas acumuladas y otras fuentes*/. gráfico {posición: relativo; margen: 10px 0 30px 31px; borde: 1px sólido # B3 B3 DC } /* Línea izquierda en el histograma */ .chartdiv.bar, . chart div . posición: absoluta; fondo: # DCDCF4 borde: 1px sólido # B3 B3 DC; altura de línea: 0 }/* color de columna \ color inferior */. *efecto de desplazamiento de columna*/.chartdiv.linear{position:absolute;border-top:1px línea discontinua# B9B9B9Line-height:0}/*línea separadora*/.chartdiv.titx,.chartdiv.titxhl,.chart div. {posición: absoluta; color: # 666; tamaño de fuente: 9px familia de fuentes: Alineación de texto Arial: centrado; espacio en blanco: nowrap} /* número de coordenadas */. color al principio del mes */.chart div.hit {position:absolute;z-index:1000;width:100px;color:#666;font-size:12px;Font-family:Arial}/*Column hover acceder a estadísticas Efecto */. gráfico div titi { text-align:right }. stattop { float: izquierda; margen superior: 20 px margen derecho: 14 px; relleno: 10 px; Importante; ancho: 220pxborder: 1px solid # cdcdcd }/*Las siguientes son las configuraciones de análisis*/. stattop { float: izquierda; margen superior: 20 px margen derecho: 14 px; relleno: 10 px; Importante; ancho: 220 px borde: 1 px sólido #CDCDCD}. parada. Lista {margin-top:6px}. estadística. Lista td{altura:20px} -. Mod_cals. modbox td - configuración de 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 fecha excepto controlador de año y mes. Incluye semana y fecha general # #cals. tabla cal_yr - tabla de año, mes # cals. cal _ yrtd-*año, mes número de celular cal. Año de California. cal_pre-anterior flecha lunar (normal) # cals. Año de California. cal_NXT-Siguiente. Calorías. Año de California. cal_pre_ovr-Flecha del mes anterior (mouseover) # CALS. Año de California. Flecha del próximo mes (mouseover) -. Mod_friblog.

modbox - módulo del último artículo de un amigo #m_friblog div.item - Configuración del tamaño del color del texto del nombre del amigo #m_friblog div.item a - Configuración del tamaño del color del nombre del amigo sin hacer clic #m_friblog div.item a: Visitado - Nombre del amigo visitado enlace # M _ friblogdiv.itema .cnt: tamaño del color del contenido del artículo # m _ friblogdiv.itema.cnt: Visitado: se ha visitado el contenido del artículo enlace # M _ fri blog itema }/* Tamaño de fuente y color en el módulo RSS *. /# m _ RSS div . tabla de elementos { color: # 669900 } # m _ RSS div . y estilo del enlace en el módulo RSS */# m _ RSS div .visited { color: # 3399 cc }/* El enlace visitado en el módulo RSS Color de fuente */# m _ RSS div . dt { margin-bottom:5px; margin-top: 5px font-weight: negrita }/* Estilo de título del módulo RSS */# m _ RSS div { border-top:1px solid # d2e 9 f 4; altura: 1px; altura: 1px; margen-top: 5px}/* El estilo de la línea divisoria en el módulo RSS */ -. Antecedentes: URL (/main/Article/upload files/200606/20060619153249362 . gif) sin duplicación centro centro; Padding-left: 10px}/* Flecha del mes anterior (normal)*/ div # cal. Año de California. cal _ NXT { tamaño de fuente: 8px; fondo: URL (/main/Article/upload files/200606/20060619153249362 .gif) sin centro central duplicado: 10px}/*flecha del próximo mes (normal)*/div #; California. cal _ yr . cal _ pre _ ovr { font-size:8px; fondo: URL (

" target="_blank "

) sin centro de repetición; relleno izquierdo: 10px; Cursor:puntero}/*Flecha del mouse*/div # cals.cal_NXT_OVR{font-size:8px;Fondo:URL(

" target ="_blank "

) Sin duplicación Centrado; Relleno izquierdo: 10px; Cursor: puntero}/*Flecha del mes siguiente (mouseover)*/div # cals *. cal _ active { color: # ffbbbb; decoración de texto: ninguno; peso de fuente: negrita; fondo: URL (/main/Article/upload files/200606/20060619153248818. gif) altura de línea: 15px; *La fecha de actualización entra en vigor*/div # cals *. cal _ select { padding: 2px; border: 1px solid # 5491c 6; color de fondo: # 00000cc color: # ffbbbb decoración de texto: subrayado } /*Efecto de mouse sobre la fecha de actualización*/ div # cal.

Hoy { color: # ffbbbb; relleno: 2px borde: 1px discontinuo # 89b 1ED; fondo: URL (

) centrado sin repetición altura de línea: 27px peso de fuente: negrita } /*today*/ div; # cals TD { color: # ffbbbb; alineación del texto: centrado; familia de fuentes: tamaño de fuente Arial: 12px; peso de fuente: negrita; altura de línea de 3px: 14px; cal. cal_date{color:#ffbbbb}/-. Ocultar código de reproductor */# PHX { filter:alpha(opacity = 0)} # PHX { filter:alpha(opacity = 100, FinishX = 10, Style = 2, Startx = 20, Starty = 40, FinishX = 0. Ancho: 650pxHEIGHT: 1px} Puede cambiar el efecto del reproductor modificando los valores correspondientes. El código del reproductor no es fácil de depurar.

上篇: Cómo unirse a la alianza de fotografía stm 下篇: Wolf Warrior 2 recibió críticas mixtas. ¿Qué opinas de esta película?