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

2022年10月29日 14点热度 0人点赞

集市店利用背景实现而看上去是全屏,各种麻烦:费时费力、图片太大打开慢、清晰度低,而使用全屏代码瞬间就高大上了,最省事最偷懒的是可以把B店的代码直接复制到C店!!

工具/原料

  • Adobe photoshop
  • Adobe dreamwaver

方法/步骤

  1. 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. 2

    就改几个地方   

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

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

    再就是改  链接地址 和图片地址了   

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

  3. 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>

    END

注意事项

  • C店二级页面暂时无法实现全屏全屏代码
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部

laozhao

这个人很懒,什么都没留下

文章评论