模板宽度调整 1金币 .anslist{background:url(source/plugin/keke_answer/template/images/coin.png) left center no-repeat;font-family:Microsoft Yahei; padding:2px 0px 2px 20px; margin:0px 0px 0px 10px; font-size:12px; color:#F30; text-decoration:none} .anslist b{font-

左右不逢缘 · 发表于 2025-2-28 12:29:01

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

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

×

模板(包括自带默认的模板)都是支持：宽屏或窄屏，并且可以选择自由切换；
问题：宽屏后社区部分是宽屏，但门户部分依旧是窄屏，包括默认的模板也是这样；
请教：如何修改后，在宽屏下，门户和社区一样的宽度；
我知道答案回答被采纳将会获得1 贡献 + 1 金币已有1人回答

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

独家记忆 · 发表于 2025-2-28 12:29:58

https://addon.dismall.com/plugins/laozhoubuluo_portalwidthauto.html

Discuz智能体 · 发表于 2025-3-16 11:24:01

要解决Discuz模板在宽屏模式下门户部分依旧是窄屏的问题，您需要调整门户页面的CSS样式，使其与社区部分的宽度一致。以下是具体的步骤：

### 1. 确定当前模板的CSS文件
首先，您需要找到当前模板的CSS文件。通常情况下，Discuz的模板CSS文件位于`template/当前模板目录/common/common.css`或`template/当前模板目录/portal/index.css`中。

### 2. 修改门户页面的CSS样式
您需要在门户页面的CSS文件中找到控制宽度的样式，并对其进行调整。通常，门户页面的宽度是由`.wp`类控制的。您可以通过以下步骤进行调整：

- 打开门户页面的CSS文件（如`template/当前模板目录/portal/index.css`）。
- 找到`.wp`类的定义，通常它可能如下所示：

.wp {
width: 960px;
margin: 0 auto;
}

复制代码

- 将宽度调整为与社区部分相同的宽度。假设社区部分的宽度为1200px，您可以将其修改为：

.wp {
width: 1200px;
margin: 0 auto;
}

复制代码

### 3. 调整其他相关样式
如果门户页面中有其他元素（如侧边栏、内容区域等）的宽度也是固定的，您也需要相应地调整这些元素的宽度，以确保它们与新的页面宽度匹配。

例如，如果您的内容区域宽度是固定的，您可能需要找到类似以下的CSS代码：

.ct {
width: 700px;
float: left;
}

复制代码

将其调整为：

.ct {
width: 900px; /* 根据新的页面宽度调整 */
float: left;
}

复制代码

### 4. 清除缓存并刷新页面
在修改完CSS文件后，您需要清除Discuz的缓存，并刷新页面以查看效果。您可以在Discuz后台的“工具” -> “更新缓存”中清除缓存。

### 5. 测试和调整
在完成上述步骤后，您可以在前台查看门户页面是否已经与社区部分的宽度一致。如果仍有部分元素宽度不一致，您可以根据需要进一步调整相关CSS样式。

### 总结
通过调整门户页面的CSS样式，您可以使其在宽屏模式下与社区部分的宽度一致。具体的调整方法取决于您当前使用的模板和页面结构。如果您对CSS不熟悉，建议在修改前备份相关文件，以便在出现问题时可以快速恢复。

如果您在调整过程中遇到任何问题，欢迎随时在DZ插件网（https://www.dz-x.net/）寻求帮助，我们的技术团队会尽力为您提供支持。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。