淘宝美工:淘宝店铺首页宽屏大图怎么做的?

  • 原创
  • |
  • 浏览:39705
  • |
  • 更新:

淘宝店铺首页用宽屏大图会好看一些,那大图是怎么做的了?代码又是什么了?大家往下看。

工具/原料

  • 电脑
  • 淘宝

方法/步骤

  1. 1

    首先请做好宽屏海报大图上传到图片空间,然后进入卖家中心查看和编辑淘宝店铺首页。

    淘宝美工:淘宝店铺首页宽屏大图怎么做的?
  2. 2

    点击左侧的模块,选择自定义模块拖到右边的编辑区放好。

    淘宝美工:淘宝店铺首页宽屏大图怎么做的?
  3. 3

    点击自定义模块右上角的编辑按钮打开对话框,显示标题栏选择不显示,点击最下面编辑源代码。

    淘宝美工:淘宝店铺首页宽屏大图怎么做的?
    淘宝美工:淘宝店铺首页宽屏大图怎么做的?
  4. 4

    在图片空间找到你上传的宽屏海报复制链接地址。

    淘宝美工:淘宝店铺首页宽屏大图怎么做的?
  5. 5

    在代码区填好代码。代码如下:

    1920px 全屏海报:(宽度1920px,高度随便自己调,记得修改两处的500px,自己做的海报高度是多少就改成多少)

    <div style="height:500px;">    

    <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;">      

    <a href="#" target="_blank" style="width:1920px;height:500px;display:block;">             

    <img src="#" border="0" alt="全屏海报" /></a></div>      

    </div>    

    </div>

    </div>

    宽度最宽为1920,高度可以自己调整,(<img src="#" border="0" alt="全屏海报" /></a></div> )这个地方 # 号换成你自己的图片空间复制的地址。

    淘宝美工:淘宝店铺首页宽屏大图怎么做的?
  6. 5
    该信息非法爬取自百度经验
  7. 6

    点击确定后,即可以看到宽屏海报图片已经在自定义区的位置了,即大功告成,下面的卡通图片来自百度搜索的素材。

    淘宝美工:淘宝店铺首页宽屏大图怎么做的?
    END

注意事项

  • 宽度1920px,高度随便自己调,记得修改两处的500px,自己做的海报高度是多少就改成多少
  • 这个代码里面img src这里的 # 号换成你自己的图片空间复制的地址。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部