淘宝装修如何利用代码使更宽的模板和图实现全屏?

淘宝装修是系统工程,每一个小细节都会影响到全盘计划。本文具体来说说淘宝装修如何利用代码使更宽的模板和图实现全屏。

由于淘宝装修里面的自定义模板宽度最大只能是950px,当我们加入大于950的模板后想要显示模板的全部内容就需要这个下面这个小方法了。

其他人正在看

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

2.      在自定义模板的右侧点击“编辑”,在“显示标题”里选择“不显示”,然后点击“源码”图标,进入源码编辑。

3.      首先放入一个全屏的模块代码,下面是一个1920px的全屏代码,全部复制然后粘贴到源码编辑框里即可。

<div class=”tb-module”>

<divclass=”tanchudiv” style=”height: 450px”>

<div class=”footer-more-triggermui-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-triggermui-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-triggermui-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>

粘贴完成后,再次点击源码图标,就会看到我们的模板效果图,再点击确定就完成了。在这里要注意的是,要是制作好自定义模板后发现模板位置不居中,或者是想移到其他位置的话,可以再次进入此模板编辑源码,有数字的地方分别就是调整高度和调整位置的地方,根据个人的需求进行调整即可。