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

2016-12-02

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

全屏海报用代码的方法

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>

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

更多相关阅读

最新发布的文章