淘宝中的自定义模板加入模板代码后如何实现全屏 / 木子杰软件教程

淘宝装修里面的自定义模板宽度是有限制的，最大只能是950px，当我们加入大于950ps的模板后如何显示模板的全部内容呢，下面就让我们一起来看一下吧。

操作方法

01

打开淘宝，进入店铺装修界面，添加950px的自定义模板。
02

在自定义模板的右侧点击”编辑“
03

在”显示标题里“选择”不显示“
04

然后点击下图中的”源码“图标，进入源码编辑
05

首先放入一个全屏的模块代码，下面是我在网上找的一个1920px的全屏代码，大家全部复制然后黏贴到源码编辑框里。 <div class="tb-module"> <div class="tanchudiv" style="height: 450px"> <div class="footer-more-trigger mui-display-none" style="z-index: 99; border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: auto; border-right: 0px; padding-top: 0px; left: 50%"> <div class="footer-more-trigger mui-display-none" style="z-index: 99; border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: auto; border-right: 0px; padding-top: 0px; left: -50%"> <div class="footer-more-trigger mui-display-none" style="border-bottom: 0px; border-left: 0px; padding-bottom: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; height: 130px; visibility: visible; border-top: 0px; top: 0px; border-right: 0px; padding-top: 0px; left: -100px"> <div style="margin: 0px auto; width: 950px">  在这里输入要实现的代码或图片。如果只是图片要写成这样的格式： <p> <img src="图片地址" /></p>  </div> </div> </div> </div> </div> </div>
06

然后再复制我们在网上找的或者是自己制作的模板代码粘贴到下图我画出来的位置里，或者是一张海报的话，照着下面红框里的做法进行就可以了。
07

粘贴完成后，再次点击”源码“图标，可看到我们的模板效果图。
08

最后点击”确定“，完成。
09

在这里要注意的是，制作好自定义模板后发现模板位置不居中，或者是想移到其他位置的话，可以再次进入此模板编辑源码，下面我标出来的地方就是调整高度和调整位置的地方，根据个人的需求进行编辑即可。

淘宝中的自定义模板加入模板代码后如何实现全屏

操作方法

相关推荐