E站通企业网站模板怎样制作插件边框模版

1. E站通企业网站模板怎样制作插件边框模版

边框模版分为插件边框模版和标签边框模版两大类。本文介绍E站通企业网站模板插件边框模版的
DIY
制作。
插件边框模版是在插件设置时可以选择“套”在插件外面的标题栏、边线、背景的模版。插件边框和插件内容是分离的，插件可以选择组合不同的边框模版来获得不同的效果。
插件边框模版又分为可选颜色和不可选颜色两种，其中可选颜色边框，每套边框模版需制作
16
种配色，一般由官方开发提供。而用户
DIY
制作时，只需要制作适合自己网站风格的边框，即不可选颜色边框。不可选颜色插件边框的编号范围是
500-999，边框的编号和目录名对应，存放在
base/border/目录下，每个目录一套边框。
插件边框模版由一个
tpl.htm
文件和图片组成，图片放在边框目录下的
images
子目录，样式可以使用内联样式，也可以将外联样式表放在
images
子目录。由于边框模版必须适合
PHPWEB
的
DIV
绝对定位、可随插件尺寸变化、排版拉动边框时边线跟随鼠标移动、适合可变高度和不可变高度等要求，因此插件边框的制作必须遵循以下规则（请别担心这些规则，你只要照着现有的模版做就是了）：
1、将边框的开始部分放在标签之间，结束部分放在标签之间
2、边框模版必须使用
div，最外面一层
div
的
class
定义为
pdv_border，以使程序识别它是边框层进行处理。
3、边框最外面一层
DIV
的样式必须定义
border、margin、padding
的值，包括
0px的情况，程序需要动态获取其样式值以计算实际显示高度，保证底线不被插件覆盖。
4、如果最外面一层定义了
border，那么高度应该作
height:100%的定义，保证底边线跟着插件尺寸走。
5、如果是圆角，可以用
margin
的负值配合图片实现。
6、边框模版最里面的层（也就是直接包在插件内容外面的那一层），需加入{
#padding#
}标签，就是插件设置时的内边距。
7、更多链接用{
#morelink
#
}标签，更多链接得“更多”字样（或图片），需要被包在一个层内，这这层需定义样式
display:{
#showmore#
}，这样当没有更多链接时，可以隐藏更多链接
以下介绍一个典型的插件边框样例：
样例：普通边框线+标题栏（如：502
号边框）

<div
class="pdv_border"
style="border:1px
#cfcfcf
solid;background:#fff;padding:0px;margin:0px;height:100%">
<div
style="background:url(images/top.png)
repeat-x;height:28px;border-bottom:1px
#cfcfcf
solid">
<div
style="float:left;background:url(images/li.gif)
12px
no-repeat;padding-left:26px;color:#555;text-align:left;font:12px/28px
simsun;">{
#coltitle#
}
<div
style="float:right;margin-right:8px">
<a
href="{
#morelink#
}"
style="font:12px/26px
simsun;color:#555;display:{
#showmore#
}">更多


<div
style="padding:{
#padding#
}px">





插件边框制作完成后，将其上传到
base/border/目录。
然后登录后台管理系统，选择模块插件管理，从基础模块后面的“边框管理”按钮进入。
在边框管理界面的右上角，填写边框编号和边框描述，添加边框，添加完成后，就可以在
插件设置时选择使用新的边框模版了。