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集无删减
|
国产精品国产三级在线专区
|