Red de conocimiento informático - Aprendizaje de código fuente - Cómo configurar una plantilla personalizada para Sina Blog

Cómo configurar una plantilla personalizada para Sina Blog

1. Panel de control--Mantenimiento del contenido de la página de inicio--Definir plantilla en blanco--Nuevo, cree un título de módulo, muestre el código fuente y pegue el código [antes de pegar el código, escriba un espacio en el modo normal y luego ingrese el modo de edición de código fuente, verá que ya hay una línea de código en el código fuente (lt;DIVgt;?lt;/DIVgt;), en este momento puede pegar su propio código debajo] - Guardar y regresar ;

*El código completo es el siguiente :

lt;STYLE type=text/cssgt;

/**/

.bodytop{fondo: # transparente}

.banner{Fondo: #transparent}

.menu{Fondo: #transparent}

.bodyBg{Fondo: #transparente; filtro: progid: DXImageTransform.Microsoft.gradient(GradientType = '1', enable='true', startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);}

.zone{ fondo: # transparente}

.bodyBottom{fondo: # transparente}

.feeds .up{fondo: #transparent}

.feeds .down{fondo: #transparent }

.feeds .function{fondo: #transparent}

.feeds .page{fondo: #transparent}

.p>.aList .sysHand . arriba{fondo: #transparent}

aList .sysHand .down{fondo: #transparent}

.gbook .sysHand .up{fondo: #transparent}

<. p>.gbook .sysHand .down{fondo: #transparent}

.gbook .title{display: none;}

.logo{display: none;}

.gbook .page{fondo: #transparent}

.gbook .login{fondo: #transparent}

.box_1{fondo: #transparent}

.box_2{fondo: #transparent}

.calendar{fondo: #transparent}

.calendar .mid{fondo: #transparent}

. calendario .top{fondo: #transparent}

.transparent}

.calendar .bottom{fondo: #transparent}

.callboard .mid{fondo: #transparente}

.callboard .mid img {fondo: #transparent}

.callboard .callboard tabla{fondo: #transparent}

.callboard .up{fondo: #transparent}

.callboard .down{fondo: #transparent}

.sysBr{fondo: #transparent}

.sysBr210{fondo: #transparent}

.label{fondo: #transparent}

.label .mid{fondo: #transparent}

.label .top{fondo: #transparent}

. etiquetas.bottom{fondo: #transparent}

foto{fondo: #transparent}

.photo.mid{fondo: #transparent}

.image {fondo: #transparent}

.foto .top{fondo: #transparent}

.foto .bottom{fondo: #transparent}

.links{ fondo: #transparent}

.links .up{ fondo: #transparent}

.links .down{fondo: #transparent}

.links .mid {fondo: #transparent}

cuerpo{ fondo: url("Dirección del PP favorito de Heehyo") repetir arreglado!importante;}

.add{fondo: #transparent}

.add .ico{fondo: #transparent}

/**/

lt;/STYLEgt;

( Nota para el código: use la dirección de la imagen que desea usar, por ejemplo /1/2/3.jpglt;/STYLEgt;

:/1/2/3.jpglt; no existe, suponga que gt; reemplace la "dirección del PP de Xixi favorito" en el código, solo reemplace los caracteres chinos, mantenga las comillas)

2. - -Haga clic en el título del módulo creado, verifique y guarde, mueva la nueva posición del panel y guarde la configuración. Hacemos este paso para crear un buen módulo para mostrar en la página de inicio personal del blog.

Explicación adicional: si la dirección del PP favorito de Xiyue no está cargada, puede tardar más en abrirse. Mi solución es cargar cualquier PP favorito en la publicación de mi blog si no desea hacerlo directamente. Como se muestra en este artículo, el tamaño se puede reducir al mínimo en el estado de edición; también es mejor cambiar la imagen cargada a una proporción de 1024 × 600 en Photoshop.