E站通企業(yè)網(wǎng)站模版怎樣制作插件邊框模版
2013/1/14 8:57:05

邊框模版分為插件邊框模版和標(biāo)簽邊框模版兩大類。本文介紹插件邊框模版的 DIY 制作。 
插件邊框模版是在插件設(shè)置時可以選擇“套”在插件外面的標(biāo)題欄、邊線、背景的模版。
插件邊框和插件內(nèi)容是分離的,插件可以選擇組合不同的邊框模版來獲得不同的效果。 
插件邊框模版又分為可選顏色和不可選顏色兩種,其中可選顏色邊框,每套邊框模版
需制作 16 種配色,一般由官方開發(fā)提供。而用戶 DIY 制作時,只需要制作適合自己網(wǎng)站
風(fēng)格的邊框,即不可選顏色邊框。不可選顏色插件邊框的編號范圍是 500-999,邊框的編
號和目錄名對應(yīng),存放在 base/border/目錄下,每個目錄一套邊框。 
插件邊框模版由一個 tpl.htm 文件和圖片組成,圖片放在邊框目錄下的 images 子目
錄,樣式可以使用內(nèi)聯(lián)樣式,也可以將外聯(lián)樣式表放在 images 子目錄。由于邊框模版必
須適合 PHPWEB 的 DIV 絕對定位、可隨插件尺寸變化、排版拉動邊框時邊線跟隨鼠標(biāo)移動、
適合可變高度和不可變高度等要求,因此插件邊框的制作必須遵循以下規(guī)則(請別擔(dān)心這
些規(guī)則,你只要照著現(xiàn)有的模版做就是了): 
1、將邊框的開始部分放在<!-start-><!-start->標(biāo)簽之間,結(jié)束部分放在<!-end-
><!-end->標(biāo)簽之間 
2、邊框模版必須使用 div,最外面一層 div 的 class 定義為 pdv_border,以使程序
識別它是邊框?qū)舆M(jìn)行處理。 
3、邊框最外面一層 DIV 的樣式必須定義 border、margin、padding 的值,包括 0px
的情況,程序需要動態(tài)獲取其樣式值以計算實際顯示高度,保證底線不被插件覆
蓋。 
4、如果最外面一層定義了 border,那么高度應(yīng)該作 height:100%的定義,保證底邊
線跟著插件尺寸走。 
5、如果是圓角,可以用 margin 的負(fù)值配合圖片實現(xiàn)。
6、邊框模版最里面的層(也就是直接包在插件內(nèi)容外面的那一層),需加入
{ #padding# }標(biāo)簽,就是插件設(shè)置時的內(nèi)邊距。 
7、更多鏈接用{ #morelink # }標(biāo)簽,更多鏈接得“更多”字樣(或圖片),需要
被包在一個層內(nèi),這這層需定義樣式 display:{ #showmore# },這樣當(dāng)沒有更多
鏈接時,可以隱藏更多鏈接 
以下介紹一個典型的插件邊框養(yǎng)例: 
樣例:普通邊框線+標(biāo)題欄(如: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/目錄。 
然后登錄后臺管理系統(tǒng),選擇模塊插件管理,從基礎(chǔ)模塊后面的“邊框管理”按鈕進(jìn)入。 
在邊框管理界面的右上角,填寫邊框編號和邊框描述,添加邊框,添加完成后,就可以在
插件設(shè)置時選擇使用新的邊框模版了。

返回列表
返回首頁 主站蜘蛛池模板: 亚洲人成影院在线高清| 国产在线观看午夜不卡| 两个人www免费高清视频| 日韩视频免费在线观看| 亚洲熟妇丰满多毛XXXX| 精品久久精品久久| 国产乱人视频在线播放| 欧式午夜理伦三级在线观看| 在线中文字幕一区| 一区国严二区亚洲三区| 日本一区二区三区在线视频观看免费 | 四虎影院成人在线观看| 黄色a三级免费看| 国产精品久久网| 91精品福利一区二区三区野战| 好爽好深好猛好舒服视频上| 中文字幕成人免费高清在线 | 日本精品久久久久中文字幕| 亚洲人成亚洲人成在线观看| 欧美视频免费在线观看| 伊人久久精品午夜| 精品偷自拍另类在线观看| 国产一级电影在线观看| 高清性色生活片欧美在线| 国产特级毛片aaaaaaa高清| 337p人体欧洲人体亚| 在线视频亚洲欧美| canopen永久| 姚瑶小说穿越到古代免费阅读下载| 中文字幕在线观看一区| 日本三级香港三级国产三级| 久久精品国产2020观看福利| 最近更新2019中文字幕国语4| 亚洲同性男gay网站在线观看| 欧美爽爽爽爽爽爽视频| 亚洲精品无码av人在线观看| 男人j进女人p免费视频不要下载的 | 九九热精品国产| 欧美xxxxx在线观看| 亚洲国产精品久久久天堂| 欧美激情一区二区|