Cómo crear una plantilla de borde complementaria para la plantilla del sitio web corporativo de E-Zantong
Las plantillas de borde se dividen en dos categorías: plantillas de borde de complemento y plantillas de borde de etiqueta. Este artículo presenta la producción
DIY
de la plantilla de borde del complemento de plantilla de sitio web corporativo de E-Zantong.
La plantilla de borde del complemento es una plantilla que puede elegir "establecer" en la barra de título, el borde y el fondo fuera del complemento al configurar el complemento. Los bordes de los complementos y el contenido del complemento están separados. Los complementos pueden optar por combinar diferentes plantillas de bordes para obtener diferentes efectos.
Las plantillas de bordes de complementos se dividen en colores opcionales y colores no seleccionables. Entre ellos, se deben crear bordes de colores opcionales para cada conjunto de plantillas de bordes
16
Una especie de combinación de colores, generalmente desarrollada y proporcionada por el funcionario. Cuando los usuarios
DIY
lo hacen, sólo necesitan hacer un borde que se adapte al estilo de su sitio web, es decir, no eligen un borde de color. El rango numérico del borde del complemento de color no seleccionable es
500-999. El número del borde corresponde al nombre del directorio y se almacena en la
base. /border/ directorio. Cada directorio tiene un conjunto de bordes.
La plantilla de borde del complemento consta de un archivo
tpl.htm
e imágenes. Las imágenes se colocan en el directorio del borde
<. p>imágenesSubdirectorio, los estilos pueden usar estilos en línea, o se pueden colocar hojas de estilo externas en el subdirectorio
imágenes
. Dado que la plantilla de borde debe ajustarse a la posición absoluta de
PHPWEB
DIV
, puede cambiar con el tamaño del conector. -in, y el borde se puede tirar al escribir. Sigue el movimiento del mouse y es adecuado para requisitos de altura variable e inmutable. Por lo tanto, la producción de bordes enchufables debe seguir las siguientes reglas (no se preocupe por estas reglas). , solo necesitas seguir la plantilla existente):
1. Coloca la parte inicial del borde entre las etiquetas y la parte final entre las etiquetas etiquetas
2. La plantilla de borde debe usar
div, la capa más externa de
div
.clase
Definida como
pdv_border, para que el programa reconozca que es una capa de borde para su procesamiento.
3. Se debe definir el estilo de la capa más externa del borde
DIV
borde, margen, relleno
p>< El valor de p>, incluido el caso de
0px, el programa necesita obtener dinámicamente su valor de estilo para calcular la altura de visualización real para garantizar que la línea inferior no esté cubierta por el complemento. en.
4. Si la capa más externa define
borde, entonces la altura debe definirse como
altura:100% para garantizar que la línea inferior siga el tapón. -en tamaño.
5. Si se trata de esquinas redondeadas, puede utilizar el valor negativo de
margen
para que coincida con la imagen.
6. La capa más interna de la plantilla de borde (es decir, la capa envuelta directamente fuera del contenido del complemento) debe agregar {
#padding#
<. La etiqueta p> } es el relleno al configurar el complemento.7. Utilice la etiqueta {
#morelink
#
} para obtener más enlaces y la palabra "más" para obtener más. Los enlaces (o imágenes) deben estar envueltos en una capa, y esta capa debe definir el estilo
visualización:{
#showmore#
}, de modo que cuando no haya más enlaces, puedas ocultar más enlaces
A continuación se presenta un ejemplo típico de borde de complemento:
Ejemplo: línea de borde normal + barra de título (como: 502
p>Nº borde)
class=" pdv_border"
style ="border:1px
#cfcfcf
solid;fondo:#fff;padding:0px;margin:0px;height:100% ">
< div
style="fondo:url(images/top.png)
repeat-x;height:28px;border-bottom: 1px
#cfcfcf
sólido">
style="float:left;background:url(images/li .gif)
12px
no-repeat;padding-left:26px;color:#555;text-align:left;font:12px/28px
simsun;">{
#coltitle#
}
style="float:right ;margin-right:8px"> p>
href="{ #morelink# }" style="font:12px /26px simsun;color:#555;display:{ #showmore# }">Más
style="relleno:{ p>
#padding#
}px">
Una vez completado el borde del complemento, cárguelo en
directorio base/borde/.
Luego inicie sesión en el sistema de administración backend, seleccione la administración de complementos del módulo e ingrese desde el botón "Administración de fronteras" detrás del módulo básico.
En la esquina superior derecha de la interfaz de administración de bordes, complete el número del borde y la descripción del borde, y agregue el borde. Una vez completada la adición, puede optar por utilizar una nueva plantilla de borde durante
. p>configuración del complemento.