店铺吧 关注:300,422贴子:4,010,331
  • 2回复贴,共1

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

只看楼主收藏回复

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


1楼2015-10-18 10:32回复
    方法/步骤
    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的 发布后 就能看到全屏


    2楼2015-10-18 10:33
    回复
      淘宝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>


      3楼2015-10-18 10:38
      回复