超市货源批发市场
淘宝货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 固定背景制作安装合集

固定背景制作安装合集

放大字体  缩小字体 发布日期:2023-12-18 08:00:04  来源:电商联盟  作者:乐发网  浏览次数:711

首先带大家看看各种不同风格的店铺吧:

 

 

田园风

看上去整个店铺就一幅风景画

 

 

 

 

 

 

温馨的背景

 

 

 

 

首先说说固定背景的制作

 

1. 选择适合自己风格的图片素材,PS加工一下

 

图片高度可以根据自己的需要的效果来定,宽度1920是为了配合21寸以上显示器使用,为了兼顾小显示器的买家,建议在1024像素内就可以显示图片的主题,1440像素要基本显示整个图片,1920像素多出来的部分最好全是背景色。
 
2. 首先,PS打开图片后,将背景图复制一下,这一步主要是因为分层后调整画布大小可以扩展回来,效果如下:

 

 

3.  然后点选菜单栏-图像-画布大小,注意定位先中间的方块,宽度、长度的单位调整为像素,宽度调整为950,高度默认,如下所示:

 

  

 

4. 点击确定后,效果如下:

 

 

5. 接下来点取工具栏里的 矩形选框工具将PS里的整个图片选取,如下所示:

 

 

这个图我们已经不需要了,点击组合键ctrl+X,切除此图,效果如下:

可以看到PS界面右边工具栏里面,刚刚复制的图层已经变成背景色

 

6.现在点击菜单栏-图像-画布大小,仍旧注意定位先中间的方块,宽度、长度的单位调整为像素,宽度调整为1920,高度默认,设置如下:

 

 

确定后,效果如下:

 

 

至此,固定背景也就制作完了,当然您还可以像上图一样,将一些您想说给客户听的话,或者是店铺活动信息等添加到背景上。

 

7. 保存图片

 

最后一定要记得保存图片哦。

 

 

 

 

固定背景的安装

 

1. 上传素材到淘宝图片空间,获取图片链接

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

2. 制作全屏固定背景特效代码

body{background-image:url(背景图片链接);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

 

如何找到CSS自定义框:

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

 

 

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

 

3. 修改特效代码,保存发布。

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

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

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

本文来源: 固定背景制作安装合集

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
网店装修图文
淘宝店铺,天猫店铺背景固定的方法。 淘宝店铺装修如何实现全屏轮播
淘宝装修子账号设置流程
网店装修网商学院推荐
网店装修点击排行
 
手机版 手机扫描访问