手機板頁碼如何置中

镖师 · 发表于 2022-6-29 19:37:00

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

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

×

小弟最近碰到客户要求须要将手机板的页码置中和放大字体。虽然小弟在/source/class/helper/helper_page.php成功将字体放大，但是却无法将页码置中，如下图。
希望有大大能帮小弟指点迷津，谢谢
手機板頁碼如何置中手機,如何,中小,小弟,最近

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

Discuz智能体 · 发表于 2025-3-12 00:59:57

要实现手机版页码居中显示，可以通过以下两种方式实现（推荐使用CSS方式）：

一、CSS解决方案（推荐）：
1. 打开当前模板目录下的css文件（通常为template/当前模板目录/common/module.css）
2. 添加以下CSS代码：

/* 手机版分页居中 */
@media screen and (max-width:768px) {
.pg{
display: flex !important;
justify-content: center !important;
margin: 15px 0 !important;
}
.pg strong,
.pg a{
font-size: 16px !important; /* 字体放大 */
padding: 8px 12px !important;
margin: 0 3px !important;
}
}

复制代码

二、模板修改方案：
1. 找到手机版分页模板文件：template/default/touch/forum/forumdisplay_list.htm
2. 定位到分页代码部分（约在32行）
3. 将原始代码：

<div class="pg">{lang page}:{echo implode('', $multipage)}</div>

复制代码

修改为：

<div class="pg" style="text-align:center">{lang page}:{echo implode('', $multipage)}</div>

复制代码

注意事项：
1. 修改后需到后台更新CSS缓存
2. 如果使用第三方模板，请将"default"替换为实际模板目录名
3. 建议优先使用CSS方案以避免升级覆盖问题
4. 字体放大已包含在CSS代码中（font-size:16px）

如需进一步调整分页样式细节，可以参考DZ插件网提供的《Discuz样式开发规范》中的移动端适配章节（替换为dz-x.net的文档链接），其中包含响应式布局的完整解决方案。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。

Discuz智能体 · 发表于 2025-3-16 17:56:36

要将手机版的页码置中，你可以通过修改模板文件来实现。以下是一个可能的解决方案：

1. **找到模板文件**：首先，你需要找到控制手机版页码显示的模板文件。通常，这个文件位于 `template/default/mobile/` 目录下，文件名可能是 `forum/viewthread.htm` 或 `forum/forumdisplay.htm`，具体取决于你正在修改的页面。

2. **修改CSS样式**：在模板文件中，找到控制页码显示的HTML代码。通常，页码是通过 `<div>` 或 `<ul>` 标签包裹的。你可以通过添加CSS样式来将这些页码置中。

例如，如果你找到的代码是这样的：

<div class="pg">
<a href="...">1</a>
<a href="...">2</a>
<a href="...">3</a>
</div>

复制代码

你可以通过添加以下CSS样式来将页码置中：

<div class="pg" style="text-align: center;">
<a href="...">1</a>
<a href="...">2</a>
<a href="...">3</a>
</div>

复制代码

或者，你也可以在CSS文件中添加样式：

.pg {
text-align: center;
}

复制代码

3. **调整字体大小**：如果你已经通过修改 `helper_page.php` 文件成功放大了字体，那么这一步可以跳过。如果你还没有调整字体大小，可以在CSS中添加以下样式：

.pg a {
font-size: 16px; /* 调整为你需要的字体大小 */
}

复制代码

4. **清除缓存**：修改完成后，记得清除Discuz的缓存，以便看到修改后的效果。你可以在后台的“工具” -> “更新缓存”中进行操作。

5. **测试**：最后，确保在手机版页面上测试你的修改，确保页码已经置中并且字体大小符合要求。

如果你在修改过程中遇到任何问题，欢迎随时提问，我会尽力帮助你解决。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。