怎樣製作外掛程式邊框模版 phpweb

2021-06-10 02:41:05 字數 1350 閱讀 9190

邊框模版分為外掛程式邊框模版和標籤邊框模版兩大類。本文介紹外掛程式邊框模版的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、邊框模版最裡面的層(也就是直接包在外掛程式內容外面的那一層),需加入標籤,就是外掛程式設定時的內邊距。

7、更多鏈結用標籤,更多鏈結得「更多」字樣(或),需要被包在乙個層內,這這層需定義樣式display:,這樣當沒有更多鏈結時,可以隱藏更多鏈結

以下介紹一些典型的外掛程式邊框養例:

樣例一:普通邊框線+標題欄(如:502號邊框)

更多》樣例二:圓角邊框+標題欄(如:501號邊框)

更多》 

注意事項:圓角邊框多用到float,為相容ie6,必須加入line-height,否則div的高度會被預設顯示為12px,導致顯示問題。

樣例三:固定高度無標題欄邊框模版(如:500號邊框)

外掛程式邊框製作完成後,將其上傳到base/border/目錄;

然後登入後台管理系統,選擇模組外掛程式管理,從基礎模組後面的「邊框管理」按鈕進入;

在邊框管理介面的右上角,填寫邊框編號和邊框描述,新增邊框

新增完成後,就可以在外掛程式設定時選擇使用新的邊框模版了

怎樣使用CSS邊框

屬性 描述css border 在乙個宣告中設定所有的邊框屬性。1border bottom 在乙個宣告中設定所有的下邊框屬性。1border bottom color 設定下邊框的顏色。2border bottom style 設定下邊框的樣式。2border bottom width 設定下邊框...

簡單外掛程式製作

外掛程式的實現方法有很多種 裡只說說其中的一種比較簡單的方法.1.啟動遊戲 2.得到程式的進的id 比較常用的方法有findwindow 得到視窗的控制代碼,更進一步你可以得到程序id,但是對於例如連連看一樣的遊戲而言,得到視窗的控制代碼就已經足夠了。其中值得注意的是,findwindow 裡面的引...

atom外掛程式製作

2016開始了自己的開發生涯,步入這個行業初時就是以前端出身,雖說現在努力往全棧開發靠攏,但在前端這個領域還是比後台熟悉。這不,平時開發的時候乙隻在用atom,也覺得他用起來還比較順手,到了新公司,我的職位還是前端開發,而且公司的 規範裡有一條就是相關的檔案都需要有一套注釋。比如這樣 的 樣式 配置...