首页 电商 正文

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

2024-03-21 08:56
admin

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

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

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

:

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

background是背景样式,其中url里面的是背景图片地址,no-repeat代表图片不平铺,center代表图片居中;

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

1、制作淘宝店铺固定背景图片。一般背景图片是1920px宽的,如果是,中间是留白,而是中间留白的。装修宅上面代码的背景图片是天猫店铺的,中间留白是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:topcenter;background-attachment:fixed;}

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

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

如果代码不会替换图片代码的,可以使用装修宅提供的

相关文章

  • 拍拍旺铺美化代码大全

    拍拍旺铺美化代码大全 为了让拍友们更方便快捷以及更有质量的装修拍拍店铺,下面如何开网店的小编整理了拍拍旺铺美化代码大全,让你轻轻松松搞装修。,将以上代码中[]改为<>加入到[自定义店铺活动区域内容]代码中即可。

    2024-03-21 10:18
  • 怎样让你的店铺在不同的浏览器都能很好的展示

    怎样让你的店铺在不同的浏览器都能很好的展示 因为我这边使用的是IE6,原代码在IE6和火狐下均严重错位,考虑到现在还有很多用户使用IE6,我们能决定自己使用的浏览器版本,却无法获知买家使用的是什么浏览器,所以修改了代码,让它尽可能兼容更多的浏览器,现在兼容IE6、IE7和火狐以及其他以IE为内核的主流浏览器。

    2024-03-21 10:07
  • 2012新旺铺导航解析

    2012新旺铺导航解析 2012旺铺导航装修,进入"店铺装修",点击导航处"编辑",选择右侧的"显示设置"装下列自己需要的CSS代码对应复制进去再改点东西就行,首页导航栏的文字出现背景.menu-list.menu-selected.link.title{background:none}导航背景色代码.menu-list.link{background:#颜色代码;}导航栏文字.menu-list.menu.title{

    2024-03-21 09:30
  • 淘宝导航栏怎样去除背景和边框?

    淘宝导航栏怎样去除背景和边框? 现在的导航如上图,感觉超级难看,有什么办法把"首页"的背景以及边框去除呢并且导航栏的文字有些偏下了,怎样把文字向上一点呢附上我的CSS,烦求高手们指点下,先谢谢了[code].skin-box-bda{color:rgb(38,38,39);font-weight:normal;}.snd-pop-innera{color:#FFF;}.snd-pop-innera:hover{color:#FF

    2024-03-21 09:17
  • 分享一个淘宝导航装修代码

    分享一个淘宝导航装修代码 淘宝旺铺】导航CSS代码使用修改技巧1.修改导航分类下面的背景色,代码如下:.skin-box-bd.link{background:#000000;}修改导航分类下面的图片,代码如下:.skin-box-bd.link{background:url(图片链接);}2.修改整个导航的背景色.skin-box-bd.menu-list{background:#000000;}修改整个导航背景为图片.

    2024-03-21 08:56
  • 用简单的方法做出高大上的页头

    用简单的方法做出高大上的页头 我叫刘称龙,很高兴也很荣幸在这里跟大家见面,相信很多朋友都在位装修犯愁,等下我把我所知道的装修方法毫无保留的跟大家分享,可以说裸享吧裸奔都过时了……先露个脸↓↓没办法,理发师傅给我正了个金馆主的发型,这发型确实挺难驾驭的!,ps做图,把需要添加上的的添加上,比如店名啊,公告啊====等等,做好之后,保存(废话来着哈,不保存怎么弄)2.保存图片后,我们进入店铺装修界面↓没有做之前是酱紫的,↑这边这边

    2024-03-21 08:15
  • 导航栏怎么变透明

    导航栏怎么变透明 事不宜迟,下面我们来说说,透明的导航栏应该怎么做?,我们尝试在CSS上做功夫。,步骤介绍:1、卖家中心->店铺装修->找到导航栏编辑按钮2、然后打开编辑,看提示窗口找到(显示设置)点击后看到白框就是CSS自定义框。

    2024-03-20 13:47
  • 装修经验 制作全屏背景图

    装修经验 制作全屏背景图 今天,小编为大家带来全屏固定背景的制作教程。,把上述代码复制粘贴到旺铺的CSS自定义框里。,1:在店铺的装修后台,点击编辑按钮;如下图所示:2:看到“显示设置”之后,点击后看到白框就是CSS自定义框。

    2024-03-20 13:14
  • 绿色简约手机数码家电类淘宝店铺装修免费模板

    绿色简约手机数码家电类淘宝店铺装修免费模板 页头下边距10像素:关闭背景显示:平铺背景对齐:居中步骤二:装修--页面管理--首页--自定义店招--复制粘贴“01淘宝店铺招牌.txt”文件内容。,导航条--编辑--显示设置--复制粘贴下面的css代码:.skin-box-bd.menu-list{background:none;}.all-cats{background:none;max-width:auto;width:auto;_widt

    2024-03-20 13:10