¿Cómo hacer una plantilla de Baidu?

[Centro de gestión]->[Traje espacial]-->[Plantilla], aquí puedes elegir tu plantilla favorita, todo el mundo debería saberlo. Elige una plantilla que te guste, preferiblemente una sencilla. Haga clic en [Nueva plantilla] o [Editar esta plantilla] a la derecha para ingresar a la página [Editar plantilla personalizada CSS] y podrá comenzar a crear su propia plantilla. Porque algunos amigos no conocen este CSS ni lo que es. Aquí te dejamos una breve explicación. Baidu Space utiliza el diseño de página div css. Debido a la necesidad de diseño, puede ser porque no quiero hacerlo demasiado complicado, o puede ser porque quiero que sea más fácil de cambiar para todos. Todavía quedan algunas tablas en la página. ¿Cuál es el papel de CSS? Imagina que la pagina es una persona y el css es ropa. Hay muchos tipos de ropa. Una persona puede usar ropa diferente, todo lo que tenemos que hacer es diseñar la ropa y, por supuesto, podemos modificarla. Entonces, ¿cómo modificarlo? body { background-color: # FFFFFF; Esta es una bata blanca, su función es hacer que el color de fondo de toda la página sea blanco. Si no te gusta, ¿por qué no te pones un abrigo de colores llamativos? cuerpo { fondo: URL (XXX . JPEG); Esta es una capa de color, su función es permitirle usar la imagen xxx.jpeg como fondo de la página. Inténtalo. Muy sencillo. Simplemente cambia el fondo de toda la página. Para aquellos que no están familiarizados con la modificación de plantillas, simplemente cámbiela. En la página [Editar plantilla personalizada CSS], busque #header{...}, que es el encabezado de la página. Habrá una imagen de fondo o fondo de propiedad. Después, encontrará la URL (xxx.jpeg). Este xxx.jpeg es la imagen en el encabezado de la página. Puede buscar una imagen y reemplazarla con la dirección de esa imagen. Si se trata de una imagen en Internet, puede obtener directamente su URL. Normalmente, debe seleccionar una imagen de su computadora local. Debe cargarlo en el álbum de fotos en el espacio, luego buscar la imagen, hacer clic en ella, ingresar al modo de navegación, hacer clic en ella nuevamente y luego verá algo similar en la barra de direcciones del navegador.

Cópialo y pégalo en url(). Luego puedes modificar la altura o algo así. Al final lo cambiarás a esto: # header { height: 382 px; background-image: url(

); Esto simplemente cambia el encabezado y luego se pueden modificar otras partes. En Baidu Space, hay varios cambios a tener en cuenta. 1. Página completa, establezca el fondo del cuerpo de toda la página 2. Encabezado, establece el fondo del encabezado #encabezado 3. Nombre del espacio #header div.tit Introducción al espacio #header div.desc 4. Cuerpo principal de la página, establezca el fondo inferior #main 5. Área de contenido, establezca el fondo medio. Sexta etapa. En el área del módulo, establezca el fondo del título del módulo. mod 7. Título del artículo, establezca la miniatura #m_blogdiv.tit8 antes del título del artículo Contenido del módulo, establezca la miniatura #m_artclgdiv.item, #m_fileddiv.item, #m_commentdiv.item antes de la lista de contenido del módulo. # m _ links div . item # m _ my link 1 div item, # m _ mylink2div.item, # m _ mylink3div.item, # m _ mylink4div.item Si no sabes qué etiqueta es la posición correspondiente, puede hacer clic derecho directamente Haga clic en la página para ver el código fuente. Por supuesto, si eres un novato, puede resultarte difícil de entender. Luego, también puedes mirar Baidu o mirar [descripción CSS]. Si no sabe mucho sobre la combinación de colores de las páginas web, también puede consultar el siguiente artículo: Después de modificar la combinación de colores básica (cromatograma), puede hacer clic en [Vista previa] para ver el efecto. Si no estás satisfecho, puedes cambiarlo nuevamente.

Si cree que está bien, haga clic en [Guardar como] o [Guardar para usar] para ir a la página [Plantilla que hice]. Si hace clic en [Guardar como], deberá elegir modificar nuevamente. Si cree que se ve bien y desea compartirla con otras personas, puede seleccionar esa plantilla en la página [Plantillas que hice] y hacer clic en [Compartir]. Sin embargo, tenga en cuenta que la plantilla compartida en sí no se puede modificar ni eliminar, así que tenga cuidado. Y es posible que algunos autores, los diseñadores originales de sus plantillas, no quieran verle realizar cambios complicados en sus plantillas favoritas o compartirlas con otros sin cambiarlas en absoluto. Para ayudar a los principiantes a comenzar rápidamente, seleccionaré algunos atributos de uso común al modificar plantillas. Fondo: color de fondo | Imagen de fondo | Repetición de fondo | Posición de fondo Ejemplo: cuerpo { Fondo: # ffffurl(xxx.jpg)repetición de desplazamiento hacia la izquierda | Propiedad compuesta utilizada para cambiar el fondo del cuerpo del marcador. Solo puede escribir uno o varios atributos, como por ejemplo: cuerpo { fondo: # ffffff }; también se puede escribir por separado, como cuerpo { fondo-color: # ffffff }. Entre ellos, el color de fondo es el color de fondo, que se puede seleccionar en [descripción CSS]. Si no está escrito o escrito de forma transparente, el color de fondo es transparente; la repetición de fondo es una modificación; mosaico de la imagen de fondo, repetir: mosaicos verticales y horizontales, no repetir: sin mosaicos, repetir-x: mosaicos horizontales, repetir-y: mosaicos verticales en el fondo adjunto, desplazarse significa que la imagen de fondo se desplaza con el contenido del objeto, fijo; significa que la imagen de fondo es fija. La posición de fondo es la posición de la imagen de fondo, con parámetros horizontales y verticales; Puedes escribir arriba | centro | abajo | izquierda | centro derecha, o puedes escribir el valor 10px porcentaje 10. fuente: estilo de fuente | | variante de fuente | | peso de fuente | tamaño de fuente | Es un atributo compuesto que cambia la fuente del cuerpo de la etiqueta. Se puede escribir por separado, al igual que el fondo. En el ejemplo, el estilo de fuente es cursiva, la fuente en minúscula es negrita, el tamaño de fuente es 12 px, la altura de la línea es 20 px y el nombre de la fuente es Song Dynasty. Alto: auto | largo Ejemplo: cuerpo { alto: 100 px } Descripción: Establece el ancho del margen de la etiqueta: auto | margen de longitud: margen superior | margen derecho | margen inferior | margen izquierdo Ejemplo: cuerpo { margen: 0px } cuerpo { margen: 0px 0px } cuerpo { margen: 0px 0px 0px; el borde superior del objeto es la distancia desde el marcador que lo contiene.

relleno: auto | relleno de longitud: relleno-arriba | relleno-derecho | relleno-izquierda Ejemplo: cuerpo { relleno: 0px 0px } descripción; : Los márgenes del parche en los cuatro lados de un objeto son exactamente la distancia de las etiquetas que contiene. borde: ancho de borde | estilo de borde | color de borde Ejemplo: cuerpo { borde: 1px solid # ffffff } Descripción: Esta es una propiedad compuesta que cambia el borde del cuerpo de la etiqueta. Se puede escribir por separado, al igual que el fondo. Esto se refiere a los bordes en cuatro direcciones al mismo tiempo, que se pueden especificar por separado, borde superior, borde inferior, borde izquierdo, borde derecho filtro: Ejemplo de filtro: cuerpo { filtro: Alfa (opacidad = 35); } cuerpo { Filtro: Alfa (opacidad = 35); -moz-opacidad: 0.35 } Descripción: Establece o recupera el efecto de filtro aplicado al objeto, el segundo es compatible con otros navegadores; Configuraciones; música de fondo de uso común, efectos de bucle de imagen: filtro: alfa (opacidad = 100, finura = 10, estilo = 2, iniciox = 20, inicio = 40, acabadox = 0, acabado = 0) efectos de grises de uso común: filtro Espejo : gris(). Por cierto, las pseudoclases: a:link establece las propiedades de la hoja de estilo del objeto A antes de acceder a él; a:hover establece las propiedades de la hoja de estilo del objeto A cuando se pasa el mouse; a:active establece las propiedades de su hoja de estilo cuando se coloca el mouse; el usuario activa las propiedades de la hoja de estilo del objeto A (eventos que ocurren entre el clic y el lanzamiento del mouse). A: visitado establece el atributo de hoja de estilo desactualizado, lo que indica que el objeto A ha sido visitado en su dirección de enlace. ¡Por cierto! Ejemplo importante: cuerpo {tamaño de fuente: 10px; tamaño de fuente: 12px } El tamaño de fuente resultante es 12 px cuerpo {tamaño de fuente: 10px! importante; tamaño de fuente: 12px; } el tamaño de fuente resultante es 10px cuerpo {tamaño de fuente: 10px! Importante; } body { font-size: 12px } El tamaño de fuente resultante es 10px.