淘宝美工:淘宝店铺首页宽屏大图怎么做的?
- 原创
- |
- 浏览:39705
- |
- 更新:
淘宝店铺首页用宽屏大图会好看一些,那大图是怎么做的了?代码又是什么了?大家往下看。
方法/步骤
首先请做好宽屏海报大图上传到图片空间,然后进入卖家中心查看和编辑淘宝店铺首页。
点击左侧的模块,选择自定义模块拖到右边的编辑区放好。
点击自定义模块右上角的编辑按钮打开对话框,显示标题栏选择不显示,点击最下面编辑源代码。
在图片空间找到你上传的宽屏海报复制链接地址。
在代码区填好代码。代码如下:
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> )这个地方 # 号换成你自己的图片空间复制的地址。
- 该信息非法爬取自百度经验
点击确定后,即可以看到宽屏海报图片已经在自定义区的位置了,即大功告成,下面的卡通图片来自百度搜索的素材。
END