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

鲁虺智能机器人

廣告

　　淘宝店铺怎么样装修才是最吸引眼球，最适合买家浏览的呢?
　　相信很多卖家为此都是费尽心思的去装修好自己的店铺，甚至找些专业人员来设计店铺的装修，毕竟自身能力有限，不能兼顾美工和代码，如今淘宝上一般的店铺装修都是通过代码来做的，比如全屏海报，导航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)最后全屏海报和固定就搞定了。