发现好多家的淘宝店铺装修的很大气,其中之一亮点就是他们固定了页面的背景,无论怎么往下拉页面,背景都不会动。装修宅介绍一个简单易懂的淘宝背景固定代码教程,方便各位店长设置淘宝背景图片固定代码。
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、然后到自己的店铺首页去装修>点选装修>导航装修>点显示设置>输入下面一段代码(可以复制拷贝进去):
红色段为固定背景图片的绝对地址,替换成你的背景图片地址。然后确定保存,即可显示。
3.请一定要把样式里的背景、背景色去掉,否则无效。(如下)请设置一下,旺铺背景,背景色不要打勾,页面背景图要删除然后保存下就可以了。
如果代码不会替换图片代码的,可以使用装修宅提供的
相关文章
-
拍拍旺铺美化代码大全
为了让拍友们更方便快捷以及更有质量的装修拍拍店铺,下面如何开网店的小编整理了拍拍旺铺美化代码大全,让你轻轻松松搞装修。,将以上代码中[]改为<>加入到[自定义店铺活动区域内容]代码中即可。
2024-03-21 10:18 -
怎样让你的店铺在不同的浏览器都能很好的展示
因为我这边使用的是IE6,原代码在IE6和火狐下均严重错位,考虑到现在还有很多用户使用IE6,我们能决定自己使用的浏览器版本,却无法获知买家使用的是什么浏览器,所以修改了代码,让它尽可能兼容更多的浏览器,现在兼容IE6、IE7和火狐以及其他以IE为内核的主流浏览器。
2024-03-21 10:07 -
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
热门标签
-
阿里巴巴廉正部发挥作用 支付宝内鬼泄密已被刑拘
2024-03-21 08:56
-
抓住新品上架的14天关键展示流量
2024-03-21 08:56
-
中小卖家如何做好宝贝描述?
2024-03-21 08:56
-
精细化运营之标题优化方案
2024-03-21 08:56
-
如何用数据优化页面提高转化
2024-03-21 08:56
-
分享一个淘宝导航装修代码
2024-03-21 08:56
-
如何设置淘宝招牌的官方提示
2024-03-21 08:57
-
如何为自己的网店策划一幅买家地图?
2024-03-21 08:57
-
淘宝“法院”:判定中心引入大众评审员机制
2024-03-21 08:57
-
淘宝网店标题优化技巧
2024-03-21 08:57
-
淘宝服务明年押宝移动端 员工一周上六天班
2024-03-21 08:57
-
发改委严打元旦春节物价飞涨 快递被盯死
2024-03-21 08:57
-
2013年淘宝基金互联网理财趋势报告
2024-03-21 08:57
-
阿里研究中心发布《淘宝村研究微报告2.0》
2024-03-21 08:57
-
2013年淘宝天猫违规计分清零说明
2024-03-21 08:57
-
进入淘宝搜索前五的秘诀
2024-03-21 08:57
-
淘品牌茵曼:1天1.2亿,做文艺女青年的网上衣橱
2024-03-21 08:57
-
成功者足迹,必看14条网络创业不外传的绝招
2024-03-21 08:57
-
网络推广的捷径,你想知道吗?
2024-03-21 08:57
-
电商社会化营销是出路还是作死?
2024-03-21 08:57