gzwnzss 發表於 2021-1-24 11:40:55

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

<br /><br />修改前的效果图：<br /><img title="原来的样子.jpg" id="aimg_10090" aid="10090" src1="static/image/common/none.gif" zoom="https://www.dismall.com/data/attachment/forum/202101/24/113627flrdrrhl031rssr1.jpg" src="https://www.dismall.com/data/attachment/forum/202101/24/113627flrdrrhl031rssr1.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" width="600" inpost="1" onmouseover="showMenu({'ctrlid':this.id,'pos':'12'})" /><br /><br /><br /><br />修改不影响手机版正常浏览，此次<strong><font color="#008000">修改原理</font><font color="#ff0000">只是把原来的代码注释掉，增加美化后的代码</font></strong>即可实现。<br /><br />修改方法：<font face="Tahoma, &amp;quot;"><font style="font-size:15px">查找文件：/template/default/mobile/common/preview.htm</font></font><br /><ol><li>&lt;!--{template common/header}--&gt;<br /><li>&lt;div id=&quot;ct&quot; class=&quot;wp cl ptw pbw&quot;&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;table style=&quot;margin:0 auto&quot;&gt;&lt;tr&gt;&lt;td&gt;<br /><li>&lt;font color=&quot;#ff0000&quot;&gt;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;!--&lt;/font&gt;&lt;div class=&quot;z&quot; style=&quot;width: 500px; height: 650px; background: url({STATICURL}image/mobile/browser_big.jpg) no-repeat 0 0;&quot;&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;iframe id=&quot;ifm0&quot; frameborder=&quot;0&quot; width=&quot;425&quot; height=&quot;530&quot; style=&quot;margin: 115px 0 0 23px;&quot; src=&quot;{if $_G['setting']['mobile']['allowmnew']}m/{else}misc.php?mod=mobile&amp;view=true{/if}&quot;&gt;&lt;/iframe&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;/div&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;div class=&quot;z&quot; style=&quot;margin-top: 60px; width: 430px;&quot;&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;div class=&quot;mtw bm bw0&quot; style=&quot;background-color: #dfeaf4;&quot;&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&lt;div class=&quot;bm_c&quot;&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;h1 class=&quot;xw1 xs2 mbn&quot;&gt;{lang login_mobile}&lt;/h1&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;p class=&quot;mbw xg2&quot;&gt;{lang login_mobile_join}&lt;/p&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;p class=&quot;hm mbw&quot; style=&quot;font-size: 18px; color: #F60;&quot;&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;img src=&quot;data/cache/$file&quot; /&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;/p&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&lt;/div&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp; &lt;/div&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;/div&gt; &lt;font color=&quot;#ff0000&quot;&gt;--&gt;&lt;/font&gt;<br /><li>&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;<br /><li>&lt;/div&gt;<br /><li>&lt;!--{template common/footer}--&gt;</ol>如上将代码原来的代码注释掉，加上你自己想要美化的代码即可。<br /><br /><br /><br /><br />代码<em>, </em>修改<em>, </em>手机<em>, </em>原来<em>, </em>注释

tcwgl 發表於 2021-2-6 20:11:28

还是谢谢你的分享
頁: [1]
查看完整版本: 让你的手机版（电脑访问手机页面时）瞬间高大上