[教學] 给文字加上底色

无界

先看预览图

下載 (47.25 KB)

2013-12-13 14:45

整体共需修改两处原有模板，新建两个模板用来调用，共涉及5个。修改前务必备份！！！

一、新建模板部分。
1、进入后台设置-界面-编辑器设置-Discuz! 代碼-添加一个新标签，命名为“textbg”，勾选“可用”，显示顺序随便填写，其余留空，一定不要勾选“显示”
如图1

下載 (99.33 KB)

2013-12-13 14:19

2、提交后进入详情，，标签填写“textbg”，替换内容

1. <span style="background:{1}">{2}</span>

複製代碼

，例子

1. [textbg=文字底色]文字内容[/textbg]

複製代碼

，解释：“文字底色”，参数个数：“2”，参数提示语：“文字底色”，嵌套次数“1”。然后提交。
如图2

下載 (29.75 KB)

2013-12-13 14:19

3、新建模板common_bg.htm粘贴附件内代码。
如图3、4

下載 (44.6 KB)

2013-12-13 14:19

下載 (118.92 KB)

2013-12-13 14:19

4、新建post_bg.htm模板粘贴附件内代码。
如图5、6

下載 (45.47 KB)

2013-12-13 14:19

下載 (105.11 KB)

2013-12-13 14:19

二、修改模板部分。
5、编辑header.htm模板，找到

1. <script type="text/javascript" src="{$jspath}common.js?{VERHASH}"></script>

複製代碼

替换为

1. <script type="text/javascript" src="/templates/default/common_bg.htm"></script>

複製代碼

6、编辑post_editor.htm 模板，将代码全部替换为附件内代码。高手请自行查找“textbg”部分进行替换
如查找不同来替换，别忘记将该模板

1. <script type="text/javascript" src="{$jspath}post.js?{VERHASH}"></script>

複製代碼

替换为

1. <script type="text/javascript" src="/templates/default/post_bg.htm"></script>

複製代碼

7、编辑css_script.htm 模板，将代码全部替换为附件内代码。高手请自行查找“textbg”部分进行替换

8、更新缓存，完成！


演示地址：http://rainmeter.joinbbs.net/thread-12-1-1.html



如果不想替换整个模板的，也可以到我的论坛查看详细替换代码。
帖子地址：http://tlb.258club.com/thread-2589-1-1.html



附件： 文字加底色.rar (43.58 KB)

下載次數: 2136

2013-12-13 14:54

superman1024

很感謝樓主提供，謝謝分享

pigeon

灰常感谢。。。

无界

默认的新手和初级会员是无法使用自定义Discuz代码的，记得根据需要后台开启。

hkorz

好帖...底色建議全是淺色

Adream

回復 1# 无界


    這個很棒欸 ^_^ 需要 您厲害~~

4rphotoclub

这不可不收下来！

章鱼

=,=你不觉得你的两个JS替换的.....有点问题么

无界

回復 8# 章鱼


    额，哪里替换的有问题呢？还请章鱼指点。

章鱼

回復 9# 无界


   
就是说自带的common.js还是不要随便换比较好,JS还是把新加的东西做成独立的JS