快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 全屏海报和固定背景制作方法

全屏海报和固定背景制作方法

放大字体  缩小字体 发布日期:2024-05-30 07:44:51  来源:电商联盟  作者:乐发网  浏览次数:33

淘宝店铺怎么样装修才是最吸引眼球,最适合买家浏览的呢?

相信很多卖家为此都是费尽心思的去装修好自己的店铺,甚至找些专业人员来设计店铺的装修,毕竟自身能力有限,不能兼顾美工和代码,如今淘宝上一般的店铺装修都是通过代码来做的,比如全屏海报,导航CSS等等都可以通过自定义代码来装修的更有特色,淘宝现在竞争越来越大,千遍一律的店铺只会被逐渐淘汰。

因此我们要学习着自己去装修,下面我就来说说如何做全屏海报和固定背景?

1.准备工作

1)C店全屏海报图(1920*630像素)

2)天猫店(中间要裁990的内容区域,淘宝C店内容区域是950像素)

2.开始装修全屏海报

把我们裁好的图片上传到图片空间,然后复制图片链接,回到店铺装修,在导航下边添加一个自定义模板,把图插进去,这样你就有了一个990的海报,现在还不是全屏的。

如何制作出全屏的海报呢?

3.找到装修-样式管理

4.然后找到背景设置

5.页面设置

6.回到你的PS把你做好的海报原封不动的打开。

把海报上边加150像素的高度,因为店招和导航是150像素,如果不加这150像素,店招就会挡住你的背景图片,怎么加150像素?PS最上边第三个有一个图像→画布大小。宽度不变,把高度加150像素,小编这里高是630像素的所以加150像素就是780像素。

做好之后就是这个效果(为更好地区分,我把上边填充的黄色)

7.首先页面背景图片大小要在200K以内,所以现在这个图肯定会大于200K,为了更好更流畅的让客户浏览页面,我们要对图片稍作处理,我们之前已经上传了一张990像素的内容区域(C店950)的图片,所以海报中间990就可以不要,所以就把内容区域990像素填充成白色(C店950),再去保存,大小就会在200K以内了。

8.然后直接在页面设置里把背景图片添加进去,不需要上传图片空间。

9.背景显示选择不平铺,背景对齐选择居中对齐。然后保存预览即可。

10.固定背景方法:

body{background:url(图片地址) no-repeat fixed center top transparent;}

1)把背景图片链接换掉即可

2)把这段代码放到淘宝模板自带的导航里。

3)最后全屏海报和固定就搞定了。

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 全屏海报和固定背景制作方法

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
【官方】新旺铺教程之宝贝详情模板 7个步骤打造史上最牛详情页
【官方教程】旺铺模块使用基础 淘宝神笔子账号设置方法
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问