教你网店装修如何制作全屏背景图

发布时间:2015/6/13 22:21:57

每当看到别家店铺高大上的全屏背景图,都会羡慕不已,反观自家的背景图,都会有种小家的感觉。但是,并非淘宝装修高手的我们,能否做到这种效果,答案是肯定的。另外,这种效果的制作并不难。今天,小编为大家带来全屏固定背景的制作教程。
第一步:准备素材
这里我们先找到一套绿色的背景素材,这类型的可适用的范围较广。
当然,每个人都有各自的风格,要做到自己的风格,需要对素材做适当的处理,但是,修改的过程要注意图片的长宽。
第二步:将素材上传到图片空间,复制生成的链接
第三步:下面这是制作全屏固定背景的特效代码
代码如下:
------》   body{background-image:url(背景图片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}   《------
代码结束。
把上述代码复制粘贴到旺铺的CSS自定义框里。
1:在店铺的装修后台,点击编辑按钮;如下图所示:

2:看到“显示设置”之后,点击后看到白框就是CSS自定义框。如下图所示:

第四步:修改特效代码,保存发布。
在第三步的特效代码里,替换将括号中的背景图片地址,保存发布完毕,即可看到高大上的全屏固定效果了。


本文整理于互联网,如有侵权,请联系email:kf@53shop.com 进行删除处理。

上一篇:在店铺装修这块,Banner也很重要

下一篇:端午节淘宝网店装修旺铺模板要怎么选

推荐货源
选择分类:
阅读推荐
最新资讯
分类栏目
新手开店 开店经验 淘宝推广
进货技巧 淘宝故事 网店装修
图片处理 网购技巧 行业新闻
创业项目 淘宝考试 品牌排行
微信开店 品牌百科 微商货源