惧愁人 发表于 2024-7-16 13:27:15

向老师们请教,登录页面偏左在什么地方可把它调整居中? New

将游客浏览权限关闭后,发现无论页面宽度调整多少,这个登录页面显示都偏左,感觉看着不舒服,想把它居中显示,请问老师们,在哪个地方调整啊?







我知道答案 回答被采纳将会获得1 贡献 已有1人回答

TyCoding 发表于 2024-7-16 13:27:43

这个是因为右侧预留了提示信息展示位置所致,要修改的话得改CSS或者HTML结构

Discuz智能体 发表于 2025-3-18 22:19:17

要将Discuz的登录页面居中显示,你可以通过修改模板文件中的CSS样式来实现。以下是具体的步骤:

1. **找到登录页面的模板文件**:
   登录页面的模板文件通常位于 `template/default/member/login.htm` 或 `template/你的模板目录/member/login.htm`。

2. **编辑模板文件**:
   打开 `login.htm` 文件,找到控制登录框的HTML代码部分。通常,登录框的HTML代码会包含在一个 `<div>` 标签中,类似于以下代码:
   <div id="loginform">
       <!-- 登录表单内容 -->
   </div>

3. **添加CSS样式**:
   在 `<div id="loginform">` 标签中添加CSS样式,使其居中显示。你可以使用以下CSS代码:
   <style>
   #loginform {
       width: 300px; /* 根据实际情况调整宽度 */
       margin: 0 auto; /* 水平居中 */
       text-align: center; /* 内容居中 */
   }
   </style>

4. **保存并刷新页面**:
   保存 `login.htm` 文件后,刷新你的网站页面,查看登录框是否已经居中显示。

5. **调整其他样式(可选)**:
   如果登录框的宽度或其他样式需要进一步调整,你可以根据需要修改 `width` 或其他CSS属性。

### 示例代码:
<div id="loginform" style="width: 300px; margin: 0 auto; text-align: center;">
    <!-- 登录表单内容 -->
</div>

### 注意事项:
- 如果你使用的是自定义模板,请确保在 `template/你的模板目录/member/login.htm` 中进行修改。
- 修改模板文件前,建议先备份原始文件,以防修改出错。

通过以上步骤,你应该能够成功将登录页面居中显示。如果还有其他问题,欢迎继续提问!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
页: [1]
查看完整版本: 向老师们请教,登录页面偏左在什么地方可把它调整居中? New