DIY
制作。
插件邊框模版是在插件設置時可以選擇“套”在插件外面的標題欄、邊線、背景的模版。插件邊框和插件內容是分離的,插件可以選擇組合不同的邊框模版來獲得不同的效果。
插件邊框模版又分為可選顏色和不可選顏色兩種,其中可選顏色邊框,每套邊框模版需制作
16
種配色,壹般由官方開發提供。而用戶
DIY
制作時,只需要制作適合自己網站風格的邊框,即不可選顏色邊框。不可選顏色插件邊框的編號範圍是
500-999,邊框的編號和目錄名對應,存放在
base/border/目錄下,每個目錄壹套邊框。
插件邊框模版由壹個
tpl.htm
文件和圖片組成,圖片放在邊框目錄下的
images
子目錄,樣式可以使用內聯樣式,也可以將外聯樣式表放在
images
子目錄。由於邊框模版必須適合
PHPWEB
的
DIV
絕對定位、可隨插件尺寸變化、排版拉動邊框時邊線跟隨鼠標移動、適合可變高度和不可變高度等要求,因此插件邊框的制作必須遵循以下規則(請別擔心這些規則,妳只要照著現有的模版做就是了):
1、將邊框的開始部分放在<!-start-><!-start->標簽之間,結束部分放在<!-end-><!-end->標簽之間
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
號邊框)
<!-start->
<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>
<div
style="float:right;margin-right:8px">
<a
href="{
#morelink#
}"
style="font:12px/26px
simsun;color:#555;display:{
#showmore#
}">更多</a>
</div>
</div>
<div
style="padding:{
#padding#
}px">
<!-start->
<!-end->
</div>
</div>
<!-end->
插件邊框制作完成後,將其上傳到
base/border/目錄。
然後登錄後臺管理系統,選擇模塊插件管理,從基礎模塊後面的“邊框管理”按鈕進入。
在邊框管理界面的右上角,填寫邊框編號和邊框描述,添加邊框,添加完成後,就可以在
插件設置時選擇使用新的邊框模版了。