SCLUB免費論壇申請-使用者論壇 - Powered by Discuz! Board

繁體 | 簡體

Sclub交友聊天~加入聊天室當版主

(檢舉)

新浪微博

QQ空间

Facebook

Google+

Plurk

Twitter

Line

標題: [教學] 给文字加上底色 [打印本頁]

作者: 无界 時間: 2013-12-13 14:54 標題: 给文字加上底色

本帖最後由无界於 2013-12-13 17:52 編輯

先看预览图

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

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

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

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

複製代碼

，例子

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

複製代碼

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

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

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

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

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

複製代碼

替换为

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

複製代碼

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

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

複製代碼

替换为

<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)

圖片附件: 1.jpg (2013-12-13 14:19, 99.33 KB) / 下載次數 931
http://www.sclub.com.tw/discuz/attachment.php?aid=26104&k=e844dabd2693d2f56c7a59641df00102&t=1714208968&sid=1Zu120

圖片附件: 2.jpg (2013-12-13 14:19, 29.75 KB) / 下載次數 961
http://www.sclub.com.tw/discuz/attachment.php?aid=26105&k=a12f7f876d9dcec6c68082067ab92868&t=1714208968&sid=1Zu120

圖片附件: 3.jpg (2013-12-13 14:19, 44.6 KB) / 下載次數 937
http://www.sclub.com.tw/discuz/attachment.php?aid=26106&k=cec2e3f9e8577adaf1849a52f4e85cae&t=1714208968&sid=1Zu120

圖片附件: 4.jpg (2013-12-13 14:19, 118.92 KB) / 下載次數 856
http://www.sclub.com.tw/discuz/attachment.php?aid=26107&k=aa3bfdbc02b33d04062b71704c07761b&t=1714208968&sid=1Zu120

圖片附件: 5.jpg (2013-12-13 14:19, 45.47 KB) / 下載次數 957
http://www.sclub.com.tw/discuz/attachment.php?aid=26108&k=491229bf8ba8190b5135e6882502ef14&t=1714208968&sid=1Zu120

圖片附件: 6.jpg (2013-12-13 14:19, 105.11 KB) / 下載次數 919
http://www.sclub.com.tw/discuz/attachment.php?aid=26109&k=3060a1d22c7e3e87774f6dda4acd71f5&t=1714208968&sid=1Zu120

圖片附件: 56.gif (2013-12-13 14:45, 47.25 KB) / 下載次數 858
http://www.sclub.com.tw/discuz/attachment.php?aid=26113&k=08bbfcf6902ee134b7a1241edb1d392f&t=1714208968&sid=1Zu120

附件: 文字加底色.rar (2013-12-13 14:54, 43.58 KB) / 下載次數 631
http://www.sclub.com.tw/discuz/attachment.php?aid=26114&k=6e9a7943e3c2f019c0af57a9887c9787&t=1714208968&sid=1Zu120

作者: superman1024 時間: 2013-12-13 15:15

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

作者: pigeon 時間: 2013-12-13 15:31

灰常感谢。。。

作者: 无界 時間: 2013-12-13 17:15

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

作者: hkorz 時間: 2013-12-13 18:32

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

作者: Adream 時間: 2013-12-13 18:33

回復 1# 无界

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

作者: 4rphotoclub 時間: 2013-12-13 18:56

这不可不收下来！

作者: 章鱼 時間: 2013-12-13 20:39

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

作者: 无界 時間: 2013-12-13 20:45

回復 8# 章鱼

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

作者: 章鱼 時間: 2013-12-13 20:59

回復 9# 无界

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

作者: sojh 時間: 2013-12-13 21:55

这个不错！

作者: 无界 時間: 2013-12-13 22:14

回復 10# 章鱼

嗯，有道理，为了安全确实不要随意改动默认JS

歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://www.sclub.com.tw/discuz/)