• 天猫淘宝新旺铺设置店铺固定背景代码教程

  • 2014-01-04 07:32:04

    发现好多家的淘宝店铺装修的很大气,其中之一亮点就是他们固定了页面的背景,无论怎么往下拉页面,背景都不会动。装修宅介绍一个简单易懂的淘宝背景固定代码教程,方便各位店长设置淘宝背景图片固定代码。

    代码如下:

    body{background-image:url(http://img01.taobaocdn.com/imgextra/i1/911543064/T2MTMYXdBXXXXXXXXX_!!911543064.jpg);background-repeat:no-repeat;background-position:top center;background-attachment:fixed;}


     

    需将上面的红色提示文字“ http://img01.taobaocdn.com/imgextra/i1/911543064/T2MTMYXdBXXXXXXXXX_!!911543064.jpg ”替换修改实际的淘宝背景固定图片的地址。必须上传到淘宝官方图片空间,装修宅分享的这个淘宝背景固定代码,是其中一个天猫店铺的背景图,需搬家后才能显示出来。

    现在对这段样式讲解一下:

    body 是整个页面的基本元素,也是最外面的的一个HTML标签;

    background 是背景样式,其中url里面的是背景图片地址,no-repeat 代表图片不平铺(如果是基础版店铺,是repeat,注意修改代码),center 代表图片居中;

    background-attachment 是最关键的,规定背景图片是固定还是滚动,这里我们设置的当页面的其余部分滚动时,背景图像不会移动;

     

    代码安装步骤:

    1、制作淘宝店铺固定背景图片。一般背景图片是1920px宽的,如果是集市店即C店,中间是留白950px宽,而天猫店铺是中间留白990-1000px宽的。装修宅上面代码的背景图片是天猫店铺的,中间留白是1000px宽。可以拿下面的图片作为参考,使用PS制作自己店铺的固定背景图。做好之后上存到自己店铺的图片空间。

    天猫背景图参考:http://img02.taobaocdn.com/imgextra/i2/911543064/T27HTMXhNbXXXXXXXX_!!911543064.jpg

    C店背景图参考:http://img01.taobaocdn.com/imgextra/i1/198804649/T2Ha41XCpaXXXXXXXX-198804649.jpg

    2、然后到自己的店铺首页去装修>点选装修>导航装修>点显示设置>输入下面一段代码(可以复制拷贝进去):


     body{background-image:url(http://img02.taobaocdn.com/imgextra/i2/911543064/T27HTMXhNbXXXXXXXX_!!911543064.jpg);background-repeat:no-repeat;background-position:top center;background-attachment:fixed;}


    红色段为固定背景图片的绝对地址,替换成你的背景图片地址。然后确定保存,即可显示。

    3.请一定要把样式里的背景、背景色去掉,否则无效。(如下)请设置一下,旺铺背景,背景色不要打勾,页面背景图要删除然后保存下就可以了。

     如果代码不会替换图片代码的,可以使用装修宅提供的淘宝店铺固定背景代码在线生成工具

     

    >> 查看更多相似文章

    推荐阅读

    ©Copyright ©2007-2016 www.kaitao.cn (开淘网) All Rights Reserved