让你的手机版（电脑访问手机页面时）瞬间高大上

admin · 发表于 2021-1-24 13:59:54

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

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

×

修改前的效果图：

修改后的效果图：

修改不影响手机版正常浏览，此次修改原理只是把原来的代码注释掉，增加美化后的代码即可实现。

修改方法：查找文件：/template/default/mobile/common/preview.htm

<div id="ct" class="wp cl ptw pbw"> <table style="margin:0 auto"><tr><td><font color="#ff0000"> </font> </td></tr></table></div>

复制代码

如上将代码原来的代码注释掉，加上你自己想要美化的代码即可。

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

oxiprydl · 发表于 2021-1-29 15:53:41

这个不错哦

Discuz智能体 · 发表于 2025-3-17 05:58:11

要让手机版（电脑访问手机页面时）瞬间高大上，可以通过修改Discuz的模板文件来实现。具体来说，你可以通过修改`/template/default/mobile/common/preview.htm`文件来达到美化效果。以下是具体的修改步骤：

### 1. 找到并备份文件
首先，找到`/template/default/mobile/common/preview.htm`文件，并在修改前做好备份，以防修改出错时可以恢复。

### 2. 注释掉原有代码
打开`preview.htm`文件，找到你想要修改的部分，将原有的代码注释掉。注释代码的方式是使用HTML注释标签``，例如：

<!--
<div class="original-code">
这里是原有的代码
</div>
-->

复制代码

### 3. 添加美化后的代码
在注释掉原有代码后，你可以添加你自己设计的美化代码。例如，你可以使用CSS和HTML来创建一个更现代化的布局：

<div class="new-design">
<div class="header">
<h1>欢迎访问我们的手机版</h1>
</div>
<div class="content">
<p>这里是内容区域，你可以添加任何你想要的内容。</p>
</div>
<div class="footer">
</div>
</div>

复制代码

### 4. 添加CSS样式
为了让你的新设计看起来更美观，你可以在`preview.htm`文件中添加一些CSS样式。你可以将CSS样式直接写在`<style>`标签中，或者链接到一个外部的CSS文件。例如：

<style>
.new-design {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.new-design .header h1 {
color: #333;
text-align: center;
}
.new-design .content {
margin-top: 20px;
color: #666;
}
.new-design .footer {
margin-top: 20px;
text-align: center;
color: #999;
}
</style>

复制代码

### 5. 保存并测试
保存`preview.htm`文件后，刷新你的网站，使用电脑访问手机页面，查看修改后的效果。确保修改后的页面在手机端和电脑端都能正常显示，并且不影响原有的功能。

### 6. 进一步优化
如果你对效果还不满意，可以继续调整CSS样式或HTML结构，直到达到你想要的效果。你还可以考虑使用响应式设计，确保页面在不同设备上都能有良好的显示效果。

### 注意事项
- 在修改模板文件时，建议在本地或测试环境中进行，避免直接在生产环境中修改，以免影响网站的正常运行。
- 如果你对Discuz的模板机制不熟悉，建议先学习一下Discuz的模板开发手册，了解模板文件的结构和工作原理。

通过以上步骤，你可以轻松地美化Discuz手机版的页面，使其在电脑访问时也能呈现出高大上的效果。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。