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) / 下載次數 3025
http://orzweb.net/discuz/attachment.php?aid=26104&k=508d0a3ae0021bc550cb4d61edd2a41f&t=1732365646&sid=W6ah0Q

圖片附件: 2.jpg (2013-12-13 14:19, 29.75 KB) / 下載次數 3034
http://orzweb.net/discuz/attachment.php?aid=26105&k=05ba5fc7fa421466971c139567930fe9&t=1732365646&sid=W6ah0Q

圖片附件: 3.jpg (2013-12-13 14:19, 44.6 KB) / 下載次數 3058
http://orzweb.net/discuz/attachment.php?aid=26106&k=c4d00cb2d1cd74931d7fed9eaf578a14&t=1732365646&sid=W6ah0Q

圖片附件: 4.jpg (2013-12-13 14:19, 118.92 KB) / 下載次數 2942
http://orzweb.net/discuz/attachment.php?aid=26107&k=0e77ff21446b853ebf8a7ad4d1b91a62&t=1732365646&sid=W6ah0Q

圖片附件: 5.jpg (2013-12-13 14:19, 45.47 KB) / 下載次數 3103
http://orzweb.net/discuz/attachment.php?aid=26108&k=4ecfaa102e18a68558b23b28424da550&t=1732365646&sid=W6ah0Q

圖片附件: 6.jpg (2013-12-13 14:19, 105.11 KB) / 下載次數 2935
http://orzweb.net/discuz/attachment.php?aid=26109&k=b61a6ce72e7a7927009e3e99f893e67e&t=1732365646&sid=W6ah0Q

圖片附件: 56.gif (2013-12-13 14:45, 47.25 KB) / 下載次數 2874
http://orzweb.net/discuz/attachment.php?aid=26113&k=3a5b611c523b334c53092c3fbd5461cb&t=1732365646&sid=W6ah0Q

附件: 文字加底色.rar (2013-12-13 14:54, 43.58 KB) / 下載次數 2657
http://orzweb.net/discuz/attachment.php?aid=26114&k=eb469e659a981226818fe66ca6aef807&t=1732365646&sid=W6ah0Q

作者: 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://orzweb.net/discuz/)