當前位置:法律諮詢服務網 - 企業資訊 - E站通企業網站模板怎樣制作插件邊框模版

E站通企業網站模板怎樣制作插件邊框模版

邊框模版分為插件邊框模版和標簽邊框模版兩大類。本文介紹E站通企業網站模板插件邊框模版的

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/目錄。

然後登錄後臺管理系統,選擇模塊插件管理,從基礎模塊後面的“邊框管理”按鈕進入。

在邊框管理界面的右上角,填寫邊框編號和邊框描述,添加邊框,添加完成後,就可以在

插件設置時選擇使用新的邊框模版了。

  • 上一篇:企業安全文化與建築安全生產管理?
  • 下一篇:企業畫冊如何設計才能豐富其內涵與特色?
  • copyright 2024法律諮詢服務網