公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

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

作者:bj-hsd 2016-04-22 02:58:00

由于淘宝装修里面的自定义模板宽度最大只能是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>

 

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


本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 活泼绚丽 清新蓝色 户外包包淘宝模板

    活泼绚丽 清新蓝色 户外包包淘宝模板

    人气:39477
  • 活力欧美 帅气男装 服装配件淘宝模板

    活力欧美 帅气男装 服装配件淘宝模板

    人气:40233
  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 时尚简约 瀑布流 装饰家居淘宝模板

    时尚简约 瀑布流 装饰家居淘宝模板

    人气:35416
  • 旅行眼镜 炫酷欧美 服装配件网店模板

    旅行眼镜 炫酷欧美 服装配件网店模板

    人气:43216
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 游戏充值 瀑布流 虚拟充值网店模板

    游戏充值 瀑布流 虚拟充值网店模板

    人气:39788
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

    人气:30571