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

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

返回列表
返回首頁 主站蜘蛛池模板: 国产高清在线观看麻豆| 最近中文字幕免费mv视频7| 四虎影视精品永久免费| 国产一区二区三区乱码网站| 在线免费看黄网站| 一本久久伊人热热精品中文| 99re热这里有精品首页视频| 日本道在线播放| 亚洲乱色伦图片区小说| 污污网站免费观看| 免费大片黄在线观看| 老子影院午夜伦手机不四虎| 国产欧美日韩综合精品一区二区 | 精品无码无人网站免费视频| 国产亚洲美女精品久久久久| 成人禁在线观看| 国产精品jizz观看| 91精品国产9l久久久久| 天堂资源最新版在线官网| 一本色道久久综合亚洲精品| 把水管开水放b里是什么感觉| 久久精品亚洲综合专区| 橘子没熟svk| 亚洲人成色777777在线观看 | 欧美日在线观看| 亚洲精品视频网| 秋葵视频在线观看在线下载| 国产AV无码专区亚洲AV| 青苹果乐园在线影院免费观看完整版| 国产精品久久久久久久久久免费| 69sex久久精品国产麻豆| 在线观看91精品国产不卡免费| youjizz亚洲| 少妇无码太爽了在线播放| 中文字幕人妻中文AV不卡专区| 无遮挡很爽很污很黄在线网站| 久久午夜精品视频| 日本高清www无色夜在| 久久综合五月婷婷| 旧里番洗濯屋1一2集无删减 | 国产精品国产三级在线专区 |