天猫淘宝C店装修全屏海报代码
学习啦在线学习网天猫淘宝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>
以上就是全屏海报代码的方法