¿Cómo diseñar usted mismo la plantilla espacial de Baidu?
Dirección de mi plantilla favorita: /kyzon/modify/preview/d655dc1b3c6789faae513348.css Todas mis plantillas: /sys/share/myshare/kyzon es muy triste. Es mi creación original y gasté mucho. Lo pensé, pero alguien lo copió tal como está y lo compartió. Vi que hay muchas plantillas de diseño espacial en Baidu, pero no hay ninguna favorita. No me gustan los patrones extravagantes, no me gustan los fondos de personajes, no me gustan los temas oscuros, no quiero que mi espacio sea demasiado colorido y no me gusta que el mouse dé vueltas y vueltas. pero todavía no he encontrado la plantilla que quiero, así que decidí probarla yo mismo. Gracias a la siguiente información por ayudarme: 1. La descripción detallada de Baidu de CSS, en la que se utilizará el selector de color /search/hi/hi_css.html 2. El artículo de Tianya Zhaozhi sobre cómo obtener el código de espacio de plantilla de otras personas /mrlipeng/ blog/item/70fddfcedcd31e0392457e54.html Nunca aprendí a programar, por lo que no necesito tener una base en programación. Debido a que existe una plantilla, las tres cosas que tengo que hacer son: el tema de la plantilla blanca minimalista es azul, la imagen del encabezado es azul y la fuente de visualización del enlace también es azul. 1. Cambie la imagen del encabezado a una de mi propio diseño; 2. Cambie la fuente de visualización del enlace a verde para lograr mi tema verde. 3. El marco de la plantilla original es demasiado pequeño y espero aumentar el ancho de todo el marco. El primer paso es cambiar la imagen del encabezado. Photoshop es mi punto fuerte, así que esto me resulta fácil. Primero guarde la imagen en la plantilla original localmente y luego edítela con Photoshop. Esto es principalmente para garantizar que el ancho de la imagen sea coherente con el marco del espacio. Después de crear la imagen, colóquela en su propio espacio. Mi imagen se coloca en /kyzon/album. Debido a que el espacio solo acepta imágenes en la ruta de la red, reemplace la imagen original: /*head*/# header{height:153px. ; padding-left:120px;background:url(/7LsWdDW5_xN3otqbppnN2DJv/kyzon/pic/item/54a587caaf816584c8176862.jpg
) no-repeat;margin-left:61px;margin-right: -100px} es el ruta detrás de la URL anterior. El segundo paso es cambiar el color de la fuente y cambiar el color del idioma del enlace de azul a verde. Solo se cambian dos colores. El primero es el color de visualización de azul cielo a verde y el segundo es el color flotante del texto. después de colocar el mouse sobre él, el azul oscuro se vuelve verde oscuro. Busque el color, por ejemplo, #226DDD azul cielo es el color de fuente del enlace que se muestra, #445F88 azul oscuro es el color flotante del color de fuente del enlace y reemplace estos dos colores con el color que desee. Ese es el color de visualización del texto a continuación. Leer el texto completo >> Categoría: El corazón es como un espejo | Editar | Eliminar | Comentarios (2) Vistas (11) Si quieres cambiar el color del artículo, busca #000 y cámbialo. El tercer paso es cambiar el ancho del marco de la página web. Utilice el método de búsqueda para reemplazar todo el ancho: 750 px con: ancho: 913 px. Sin embargo, el marco debe corresponder al ancho de la imagen del encabezado. Si el ancho de la imagen del encabezado cambia, el marco de la estructura de la página web debe ajustarse en consecuencia, haciéndolo más grande o más pequeño hasta que la imagen del encabezado y la estructura de la página web puedan. tener el mismo efecto.
Algunos consejos: 1. Si desea cambiar la fuente del texto del encabezado y la distancia desde el borde, puede buscar #header y cambiarlo /*header*/#header{height:153px;background:url(/7LsWdDW5_xN3otqbppnN2DJv/ kyzon/pic/ item/784d82526476bb0c0df3e376.jpg
) no-repeat;margin-left:0px;margin-right:0px}/*La imagen vinculada a la URL es la imagen de fondo de la cabeza*/ #header div.lc{} #header div.rc{}#header div.tit{top:55px;left:240px;line-height:50px;font-size:34px;font-family:宋体;}/*El El nombre de su blog es El nombre de mi blog es "Los años verdes escritos en papel Kraft", arriba es la distancia desde arriba, izquierda es la distancia desde el borde izquierdo, altura de línea es el interlineado, el interlineado debe ser mayor que el tamaño de fuente, de lo contrario la visualización no estará completa, el tamaño de fuente es el tamaño de fuente y la familia de fuente es la fuente. CSS aquí parece admitir muchas fuentes. He probado algunas de las fuentes propias de Microsoft. Song Dynasty, Heilongji, etc., y también probé las fuentes Founder, como el chino simplificado Founder Quasi-Yuan, etc., y todas son compatibles, por lo que puede ingresar la fuente que desea mostrar arbitrariamente */#header div .tit a.titlink{color:#fff;text-decoration:none}/*El color aquí es el nombre de tu blog, por ejemplo El color de fuente de mi "Los años verdes escritos en papel Kraft"*/#header div .tit a.titlink:visited{color#fff;text-decoration:none}#header div.desc{top:40px;right:80px ;color:#fff;font-size:14px;font-family:Kristen ITC} /* Configuración de la distancia del color de la fuente de introducción del espacio, por ejemplo, mi "simple, resistente y simple", la parte superior es la distancia desde la parte superior, la derecha es la distancia desde el borde derecho La distancia, el color de la fuente, el interlineado, el tamaño de la fuente, la fuente , estos son los mismos que el nombre del blog, puede configurarlos arbitrariamente */2 Si desea cambiar la configuración del área de navegación, puede encontrar #tabline para configurarlo #tabline{display: none}#tab{top. :129px;background:url() no-repeat;margin-left:30px }/*Página de inicio, blog, álbum de fotos...distancia desde el borde superior, fondo (no establecido aquí), distancia desde el borde izquierdo Distancia* /#tab a.on,#tab a.on:link,#tab a.on:visited{font-size:14px;background-color:none;color:#666}#tab a.on:hover{ color: #000;color de fondo:none ;decoración de texto:subrayado;}#tab span{display:none}#tab a:link{font-size:14px;color:#000;decoración de texto:none;} #tab a:visited{font-size:14px;color:#000;text-decoration:none;}#tab a:hover{color:#000;background-color:none;text-decoration:underline;}/* Hay también las configuraciones para el color y tamaño de las fuentes y las fuentes flotantes. Todas son similares. Puedes cambiar el efecto que desees*/3.
efecto de visualización? Personalmente, no me gusta el efecto de visualización de los “Visitantes recientes” predeterminados. En primer lugar, las imágenes y los colores utilizados por cada persona son de diferentes tamaños, lo que hace que sea demasiado elegante para colocar en un blog. En segundo lugar, las fuentes y colores predeterminados. Tampoco son lo que me gustan. Afortunadamente, encontré un fragmento de código que puede cambiar su efecto de visualización e hice los cambios. El código anterior era demasiado complicado y no quería muchos efectos, así que hice algunas modificaciones simples: /*Visitantes recientes: agregar bordes. y filtros a imágenes*/#mod_track .modbox table td img{width:45px!important;height:45px!important;border:#386138 2px solid;} /*Esto es para forzar el límite de imágenes de "visitantes recientes", no No importa cuál era la relación de aspecto de su imagen antes, el límite obligatorio se muestra como: 45px*45px, que es el valor mostrado después del ancho y el alto. Por supuesto, también puede cambiar este tamaño al tamaño que desee. El borde es el color del borde y el ancho de la imagen. Lo configuré en 2px. El estilo del borde es sólido. Si no te gusta, puedes configurarlo en guión*/#mod_track.modbox table td a img{filter: Gray(enabled =bEnabled) Alpha(opacity=25);-moz-opacity:0.5}/*Aquí hay un efecto de filtro estático en la imagen "Visitante reciente". La visualización predeterminada es en escala de grises. Establecí el valor de opacidad de transparencia en 25. , que se puede cambiar de 0 a 100 personas pueden cambiarlo a voluntad. El gris es un efecto de filtro de escala de grises. Hay otras dos opciones para elegir, invertir y Xray*/#mod_track .modbox table td a:hover img{filter: Gray(enabled=0) Alpha(opacity=100 );-moz-opacity:1} /*Aquí configuramos el efecto flotante de la imagen "Visitante reciente", que es el efecto de filtro al mover el mouse hacia arriba*/#mod_track .modbox table td a{text-decoration: none;color:#328932;font-family:Georgia;} /*El estilo de texto del nombre de usuario de "Visitante reciente", puede cambiar el color y la fuente de visualización y si desea subrayarlo. y si la fuente está en negrita font-weight:negrita es fuente en negrita */------Finalmente-------¡Finalmente tengo un espacio completamente nuevo! Efecto: plantilla de trébol de cuatro hojas:/kyzon/modify/preview/d655dc1b3c6789faae513348.css