学习啦 > 创业指南 > 开店指南 > 店铺装修 > 天猫淘宝C店装修全屏海报代码

天猫淘宝C店装修全屏海报代码

时间: 巩诗2756 分享

学习啦在线学习网天猫淘宝C店装修全屏海报代码

学习啦在线学习网   现在很多人都入驻淘宝网成店主商家,店铺的海报全屏海报各种麻烦,图片太大打开慢,清晰度低等等麻烦,而全屏海报通过代码完成的方法瞬间就高端大气上档次了。下面向您介绍通过代码完成全屏海报的方法。

  全屏海报用代码的方法

  1、天猫全屏海报代码

  <div style="height: 600px">

学习啦在线学习网   <div class="sn-simple-logo" style="padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; top: auto; left: 50%">

  <div class="sn-simple-logo" style="padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; top: auto; left: -960px">

学习啦在线学习网   <a href="链接地址" target="new"><img alt="0" border="0" src="图片地址" /> </a></div>

学习啦在线学习网   </div>

  </div>

  2、就改几个地方

  第一个600是 图片的高度 这个你自己图多高就改多少

  中间一个 960 这个是根据你图片的宽度决定的 就是你图片宽度的一半 图是1920的 那就是960 如果是宽1440的 那就改720 以此类推

学习啦在线学习网   再就是改 链接地址 和图片地址了

学习啦在线学习网   另外 在二级页面 全屏效果需要发布后才能看到 在装修页面是只能显示990的 发布后 就能看到全屏

  3、淘宝C店【学习啦在线学习网】全屏海报代码

  把b店的代码改掉所属的类就行了,即:class="sn-simple-logo"修改成class="footer-more-trigger"

  示例

  <div style="height:自定义高度px;">

学习啦在线学习网   <div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

  <div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

  <!--添加任意全屏内容 -->

  </div>

学习啦在线学习网   </div>

学习啦在线学习网   </div>

  以上就是全屏海报代码的方法

662841