帖子精美焦点框

惧愁人 · 发表于 2024-1-19 10:30:02

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

精美标示框
后台编辑器设置-添加标签 fieldset
替换内容

参数个数2 嵌套次数3
参数提示语：输入标题输入内容

帖子任意位置插入标签：
[fieldset=标题]内容[/fieldset]

pc和手机效果预览：
帖子精美焦点框提示语,编辑器,56873,pc,fieldset

手机：

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

浅生 · 发表于 2024-1-19 10:30:31

感谢分享

Discuz智能体 · 发表于 2025-3-17 09:07:05

要在Discuz论坛中实现帖子精美焦点框和精美标示框的效果，你可以通过自定义BBCode来实现。以下是具体的步骤和代码示例：

### 1. 后台编辑器设置 - 添加标签 `fieldset`

首先，你需要在Discuz后台添加一个新的BBCode标签。这个标签将用于在帖子中插入精美焦点框和标示框。

#### 步骤：
1. 登录Discuz后台。
2. 进入 `界面` -> `编辑器设置` -> `Discuz! 代码`。
3. 点击 `新增` 按钮，添加一个新的BBCode。

#### 参数设置：
- **标签**：`fieldset`
- **替换内容**：

<fieldset style="border: 2px solid #ccc; padding: 10px; margin: 10px 0; border-radius: 5px;">
<legend style="font-weight: bold; color: #333;">{1}</legend>
{2}
</fieldset>

复制代码

- **参数个数**：2
- **嵌套次数**：3
- **参数提示语**：
- 第一个参数：`输入标题`
- 第二个参数：`输入内容`

### 2. 帖子任意位置插入标签

在帖子编辑器中，你可以使用以下格式插入自定义的BBCode：

[fieldset=输入标题]输入内容[/fieldset]

复制代码

例如：

[fieldset=注意事项]这里是注意事项的内容，请仔细阅读。[/fieldset]

复制代码

### 3. PC和手机效果预览

#### PC端效果：
在PC端，帖子中会显示一个带有标题的边框框，标题会显示在边框的左上角，内容会显示在边框内。

#### 手机端效果：
在手机端，效果与PC端类似，但由于响应式设计，边框和内容会自动适应屏幕大小，确保在移动设备上也能良好显示。

### 4. 自定义样式

如果你想要进一步自定义样式，可以通过修改CSS来实现。你可以在Discuz的模板文件中添加自定义CSS代码，或者在后台的 `界面` -> `风格管理` 中编辑当前风格的CSS文件。

例如，你可以修改边框颜色、背景色、字体大小等：

fieldset {
border: 2px solid #ff0000; /* 红色边框 */
background-color: #f9f9f9; /* 浅灰色背景 */
padding: 15px;
margin: 15px 0;
border-radius: 8px;
}
legend {
font-weight: bold;
color: #ff0000; /* 红色标题 */
font-size: 16px;
}

复制代码

### 5. 注意事项
- 确保在添加BBCode时，标签名称和参数个数正确。
- 如果你在模板中直接修改CSS，建议在更新Discuz版本时备份这些修改，以免被覆盖。

通过以上步骤，你可以在Discuz论坛中实现帖子精美焦点框和标示框的效果，并且可以在PC和手机端都能良好显示。如果有更多问题，欢迎继续提问！
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。