Discuz！将主帖背景设为Body背景

在论坛系统中，帖子背景的设置通常局限于单个楼层。然而，有时我们希望将主帖的背景扩展到整个页面（body），而回复楼层的背景仍然保持在各自的范围内。以下是实现这一目标的具体步骤和代码示例。
### 1. 获取主题帖背景图当用户为主帖设置了背景图片后，该图片的信息会被存储在帖子内容字段“message”中，格式类似于“[ postbg]bg5.png[ /postbg]”。系统会处理这些标签，并生成以下代码：


$_G['forum_posthtml']['header'][$POST@[pid]]

这段代码位于 `viewthread_node_body.htm` 文件中，最终生成的样式代码如下：

从上述代码中可以看到，背景图片的 URL 已经被定义。我们需要提取这个 URL 并将其应用到整个页面的背景中。
### 2. 提取样式代码中的图片地址为了提取背景图片的 URL，我们可以使用正则表达式。以下是具体的正则提取语句：


<!--{eval $mage_match=preg_match("|background-image:url\\((.*)\\);|U", $_G['forum_posthtml']['header'][$POST@[pid]], $result);}-->

执行后，`$result` 将是一个数组，包含以下两项： - `$result[0]`：完整的样式代码，例如 `background-image:url("static/image/postbg/bg1.png");` - `$result[1]`：图片的 URL，例如 `"static/image/postbg/bg1.png"` 接下来，我们将提取的图片 URL 应用于整个页面的背景。
### 3. 将主帖背景应用于整个页面在 `viewthread_node_body.htm` 文件的顶部添加以下代码，确保仅在主帖中应用背景：


<!--{if $POST@['first']}-->
<!--{eval $mage_match=preg_match("|background-image:url\\((.*)\\);|U", $_G['forum_posthtml']['header'][$POST@[pid]], $result);}-->
<style>body{ {$result[0]} }</style>
<!--{/if}-->

这段代码的作用是：如果当前楼层是主帖，则将提取的背景图片应用到整个页面的 `` 标签中。
### 4. 去除主帖楼层的背景为了避免主帖楼层重复显示背景图片，在 `viewthread_node_body.htm` 文件中查找以下代码：


$_G['forum_posthtml']['header'][$POST@[pid]]

然后将其替换为以下代码，以确保仅在非主帖楼层应用背景：


<!--{if !$POST@['first']}-->$_G['forum_posthtml']['header'][$POST@[pid]]<!--{/if}-->

这样，主帖楼层的背景将被移除，而回复楼层的背景仍然保持正常。
### 5. 解决编辑器问题如果在设置背景后，编辑器无法切换可视化模式或部分按钮失效，可以尝试修改 `editor.htm` 文件。将以下代码：


<script type="text/javascript" src="{$_G['setting']['jspath']}common_postimg.js?{VERHASH}"></script>

替换为：


<script type="text/javascript" src="data/cache/common_postimg.js?{VERHASH}"></script>

对于 X3.4 版本，如果没有上述代码，可以直接添加即可。这是系统自带的问题，与自定义修改无关。
通过以上步骤，您可以成功将主帖背景扩展到整个页面，同时保持回复楼层的背景独立性。

推荐阅读