文字段加入註記顏色功能
【說 明】本項功能與現有發佈的文字底色功能不相同呈現方式,請參考下方的演示圖。本項功能可適用於文字段落做為強化提示,效果還不錯喔。
【程式名稱】文字段加入註記顏色功能
【適用版本】Discuz! 2.5
【作 者】神奇小子
【發表日期】05_12_03
【修改難度】非常簡易
【數據升級】不需要
【修改文件】include/bbcode.js
【修改模板】templates/default/post_bbinsert.htm
【功能簡介】文字段作強化顯示效果
【示範參考】呈現方式
[img]http://img526.imageshack.us/img526/8730/94120316tu.jpg[/img]
【示範參考】按鈕圖
[img]http://img526.imageshack.us/img526/9821/bbtrt9kl.gif[/img]
修改方式如下︰
1、請先在後台Discuz!代碼
[code]trt[/code]
替換內容︰
[code]<font size="2" color="0F4E57" face="Verdana">
<span style="background-color:#A5C34A">{1}</span>
[/code]
上段程式說明︰
1、 "Verdana">此句為風格模板的字型,可以根據您的風格自行修改。
2、color="0F4E57此句為起始文字顏色,可以按照您的喜好修改。
3、background-color:#A5C34A此句為註記文字的底色,可以按照喜好修改。
例子:
[trt]註記文字[/trt]
參數個數︰1
嵌套次數︰1
2. 打開 include/bbcode.js
在最底下加入
[code]//註記文字--------------------------------------------
function trt() {
if (helpmode) {
alert();
} else if (document.selection && document.selection.type == "Text") {
var range = document.selection.createRange();
range.text = "[trt]" + range.text + "[/trt]\r";
} else if (advmode) {
AddTxt="[trt]註記文字[/trt]\r";
AddText(AddTxt);
} else {
txt=prompt('請輸入要使用的文字',text_input);
if (txt!=null) {
AddTxt="[trt]"+txt;
AddText(AddTxt);
AddText("[/trt]\r");
}
}
}
//註記文字--------------------------------------------
[/code]
3. 修改 templates/default/post_bbinsert.htm
找到
[code]<a href="javascript:list()"><img src="{IMGDIR}/bb_list.gif" border="0" alt="{lang post_discuzcode_list}" width="24" height="24"></a>[/code]
上段程式說明︰
您可以依據所需要放置的排列位置,不需要依照本指示位置修改。
下ㄧ行加入
[code]<a href="javascript:trt()"><img src="{IMGDIR}/bb_trt.gif" border="0" alt="插入註記文字段效果" width="24" height="24"></a>[/code]
4.下載附件檔案的按鈕圖片,放置在各各風格包內。
5.後台更新緩存後,即可開始使用這項功能了。
祝 順利安裝成功
~完成~ 呵呵,这个很有用!我在Discuz4.1装了! [trt]测试一下下[/trt] 不知道可以不可以改颜色~
[[i] 本帖最后由 妹妹甜心 于 2006-6-19 14:19 编辑 [/i]]
支持,努力
支持,努力灌水……好多啊,哈
*** 作者被禁止或删除 内容自动屏蔽 ***值得收藏.
*** 作者被禁止或删除 内容自动屏蔽 ***页:
[1]