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在线观看|
亚洲国产精品久久久天堂|
欧美激情一区二区|