首页 > 新旺铺专业版全屏固定背景制作教程

专业版能做全屏吗,新旺铺专业版全屏固定背景制作教程

互联网 2020-09-22 20:05:46

全屏固定背景是指在淘宝店铺里下拉

滚动条时背景依然位置不动,

不会跟随滚动条滚动的全屏背景。

效果在线展示:

首页-小鱼店铺模板

如果要制作全屏固定背景,首先要开通新旺铺专业版,

开通方法:

淘宝新旺铺免费体验15天可订购

新旺铺专业版全屏固定背景制作教程第一步:制作背景素材

网店装修网提供了一套绿色的背景素材,适合各种类型的淘宝店铺使用。

点击下面的链接将背景解压缩到您的电脑桌面。

下载:固定背景素材

如果您对背景有特殊的要求,可以到根据我们提供的素材进行PS处理,注意修改的过程中不要更改图片的长宽,中间白图部分不要更改即可。

第二步:上传素材到淘宝图片空间,获取图片链接

登录淘宝店铺,进入卖家中心,在左侧导航栏找到“图片空间”,将下载的素材上传。上传成功后点击链接复制图片链接。

第三步:制作全屏固定背景特效代码

代码开始:

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

代码结束。

将上面的特效代码粘贴进旺铺CSS自定义里。

如何找到CSS自定义框:

1:进入淘宝店铺装修后台页面,鼠标放在导航栏位置,出现编辑窗口,如图:

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

第四步:修改特效代码,保存发布。在第三步的特效代码里,将括号中的背景图片地址更换为您第二步复制的图片链接,保存发布即可看到全屏固定的背景效果了。

亲,您是不是学会了呢?如果您学会了,就复制下面的文字告诉其他开网店的朋友吧。

进阶教程:如何在固定背景中加入淘宝店铺二维码信息
免责声明:非本网注明原创的信息,皆为程序自动获取自互联网,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责;如此页面有侵犯到您的权益,请给站长发送邮件,并提供相关证明(版权证明、身份证正反面、侵权链接),站长将在收到邮件24小时内删除。