淘宝店铺固定背景代码

淘宝店铺固定背景代码全屏固定背景是指在淘宝店铺里下拉滚动条时背景依然位置不动 不会跟随滚动条滚动的全屏背景 效果在线展示 http www tbzxiu com zx xinwangpu 14 htm 如果要制作全屏固定背景 首先要开通新旺铺专业版 新旺铺专业版全屏固定背景制作教程第一步 制作背景素材网店装修网提供了一套绿色的背景素材 适合各种类型的淘宝店铺使用 点击下

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

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

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

效果在线展示:

http://www.tbzxiu.com/zx/xinwangpu/14.htm

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

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

第一步:制作背景素材

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

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

下载:固定背景素材

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

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

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

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

代码开始:

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

代码结束。

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

如何找到CSS自定义框:

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

淘宝店铺固定背景代码
2:点击编辑,找到“显示设置”,点击后看到白框就是CSS自定义框。如图:
 
淘宝店铺固定背景代码

第四步:修改特效代码,保存发布。

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

转载于:https://www.cnblogs.com/wdzxiu/p/3642149.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/231594.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm打不出中文_pycharm语言怎么改成中文

    pycharm打不出中文_pycharm语言怎么改成中文pycharm不能输入中文解决办法

    2025年8月15日
    2
  • acwing1185. 单词游戏(欧拉图)「建议收藏」

    acwing1185. 单词游戏(欧拉图)「建议收藏」有 N 个盘子,每个盘子上写着一个仅由小写字母组成的英文单词。你需要给这些盘子安排一个合适的顺序,使得相邻两个盘子中,前一个盘子上单词的末字母等于后一个盘子上单词的首字母。请你编写一个程序,判断是否能达到这一要求。输入格式第一行包含整数 T,表示共有 T 组测试数据。每组数据第一行包含整数 N,表示盘子数量。接下来 N 行,每行包含一个小写字母字符串,表示一个盘子上的单词。一个单词可能出现多次。输出格式如果存在合法解,则输出”Ordering is possible.”,否则输出”The

    2022年8月9日
    4
  • Windows 定时执行脚本[通俗易懂]

    Windows 定时执行脚本[通俗易懂]Windows定时执行脚本1、参考资料windows设置定时执行脚本2、解决办法由于Windows系统,无法使用Linux下强大的crontab命令,所以该定时任务也是针对Windo系统的具体操作步骤右击【我的电脑】,选择【管理】在【任务计划程序】面板中点击【创建基本任务】输入任务的【名称】和【描述】当然是希望每天自动执行防疫打卡啦~设置每天执行任务的时间,以及每隔几天执行一次该任务选择【启动程序】选择启动程序的startup.bat

    2022年7月17日
    60
  • verilog语言转vhdl语言_vhdl转换为verilog

    verilog语言转vhdl语言_vhdl转换为verilog1.下载后先运行X-HDL-4.2.1-Setup.exe文件,选择安装路径,注意路径中不要有中文。2.运行crack_xhdl_4.2.1.exe文件,选择刚刚你安装XHDL的路径下的\bin文件夹,点击next—finish,出现success代表激活成功教程成功。3.可能会要求你重启电脑,这时候同意重启就好了。4.重启之后运行X-HDL。5.可以选择VHDL转Verilog或Verilog转…

    2022年9月21日
    4
  • 让Firefox支持ActiveX控件「建议收藏」

    让Firefox支持ActiveX控件「建议收藏」让Firefox支持ActiveX控件  疑难集锦字号  我现在用Firefox作为主力浏览器,Firefox下能否支持ActiveX插件?所为对某些包含ActiveX控件的网站并不兼容,不知道怎么做能让Firefox支持ActiveX呢?      答:两种方案:一种是使用IETab这个插件,在Firefox下直接调用IE浏览器内核进行浏览;      另一种是使

    2022年5月14日
    333
  • 无插件纯Web 3D机房,HTML5+WebGL倾力打造

    无插件纯Web 3D机房,HTML5+WebGL倾力打造前言-最近项目开发任务告一段落,刚好有时间整理这大半年的一些成果。使用html5时间还不久,对js的认识还不够深入。没办法,以前一直搞java,对js的一些语言特性和概念一时还转换不过来。上一篇大数

    2022年8月3日
    10

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号