简单易懂的淘宝背景固定代码教程
更新时间:2013-10-16 21:58:27 浏览次数:1765
16素材网在这里发布一个简单易懂的淘宝背景固定代码教程,方便广大淘宝卖家安装、设置淘宝背景图片固定代码。
(一)淘宝背景固定代码范例
body{background-image:url(图片地址);background-repeat:no-repeat;background-position:bottom center;background-attachment:fixed;}
需将上面的红色提示文字“图片地址”替换修改实际的淘宝背景固定图片的地址。必须上传到淘宝官方相册,16素材网分享的淘宝背景固定代码,部分有未搬家版,需搬家后才能显示出来。搬家搬版可以直接黏贴使用。
(二)使用范文与安装方法
支持天猫店铺、旺铺专业版、旺铺基础版和之前的旧版拓展版店铺。
天猫店铺、旺铺专业版、旺铺基础版需将淘宝背景固定代码安装在导航条的“显示设置”里。
老版的拓展版店铺需安装在“完全自定义里”。
基础版、专业版、天猫商城新旺铺的淘宝店铺背景图片固定代码放在哪里?放你店铺导航条的css显示设置里即可。(★点击导航编辑,选择"显示设置",这里黏贴背景图片固定代码即可。)
说明:旧版旗舰版店铺只需将背景图片固定代码放在 “模板”-“背景设置”-“完全自定义”里即可。
(三)缺点说明
该代码是利用淘宝的漏洞而设计的,使用背景固定代码,一定要取消页面背景图与页面背景色(即需删除页面背景图、不勾选页面背景颜色)。否则背景固定图片不能显示出来。不过经鱼摆摆测试,淘宝背景图片固定代码可以与全屏轮播图片配合一起使用。使用时,固定背景图在全屏轮播图的下面。
淘宝导航装修css全解 超赞超详细
一、首先我们进入到店铺的装修页面,将鼠标放在导航上面会出现“编辑”字样,单击,如图 选择“显示设置”选项卡 1.修改导航分类下面的背景色,代码如下: .skin-box-bd .link{background:#000000;}
效果如下 -------------------------------- 默认是黑色的,如果你要别的颜色,只要修改#000000就可以了,颜色对照表地址 https://www.360docs.net/doc/5816152676.html,/other/rgb.htm
-------------------------------------------------------------------------- 如果你想要更加个性,而不想只要简单的纯色块的话,可以自己做图片,然后连接上去,代码如下: .skin-box-bd .link{background:url(图片链接);} 效果如下
-------------------------------- 将“图片连接”换成你的图片的连接就可以了,一般都是自己做好然后上传到淘宝图片空间,然后链接就可以了! 在图片空间点击对应图片下方的“链接”按钮可以直接复制图片链接,替换到代码里就可以了! 2.修改整个导航的背景色【其实只修改了有分类之外的部分(前面我们已经修改好了分类背景),还有最右边那部分没改到,后面会有修改那里的代码,一步步跟着来就没错了!】代码如下: .skin-box-bd .menu-list{background:#000000;} 效果如下 -------------------------------- 修改颜色的方法同上 -------------------------------------------------------------------------- 修改成图片的代码如下:
《淘宝店铺装修代码大全》
《淘宝店铺装修代码大全》 《淘宝店铺装修代码大全》 如何提高店铺的访问量呢? 这个问题大家一定都很想知道,有好的产品,有好的宣传,更吸引顾客眼球的是你有特别的装修,让你的店铺与众不同! 好了,现在简单为大家总结了所有的 html设计代码大全 1)贴图:< img src="图片地址">本人照片(献丑了) 2)加入连接:< a href="所要连接的相关地址">写上你想写的字< /a> 3)在新窗口打开连接:< a href="相关地址" target="_blank">写上要写的字< /a> 4)移动字体(走马灯):< marquee>写上你想写的字 < /marquee> (可用于店铺分类,和评价) 5)字体加粗:< b>写上你想写的字< /b> 6)字体斜体:< i>写上你想写的字< /i> 7)字体下划线: < u>写上你想写的字< /u> 字体删除线: < s>写上你想写的字< /s> 9)字体加大: < big>写上你想写的字< /big> 10)字体控制大小:< h1>写上你想写的字< /h1> (其中字体大小可从h1-h5,h1最大,h5最小) (其中字体大小可从h1-h5,h1最大,h5最小) 11)更改字体颜色:< font color="#value">写上你想写的字<
/font>(其中value值在000000与ffffff(16位进制)之间 12)消除连接的下划线:< a href="相关地址" style="text-decoration:none">写上你想写的字< /a> 13)贴音乐:< embed src="音乐地址" width="宽度" height="高度" autostart=false> 14)贴flash: < embed src="flash地址" width="宽度" height="高度"> 15)贴影视文件:< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover> 16)换行:< br> 17)段落:< p>段落< /p> 18)原始文字样式:< pre>正文 < /pre> 19)换帖子背景:< body background="背景图片地址"> 20)固定帖子背景不随滚动条滚动:< body background="背景图片地址" body bgproperties=fixed> 21)定制帖子背景颜色:< body bgcolor="#value">(value值见10) 22)帖子背景音乐:< bgsound="背景音乐地址" loop=infinite>(听到音乐了吗?也可以加在你的店铺公告里) 23)贴网页:< iframe src="相关地址" width="宽度" height="高度">< /iframe> 最后注意了,以上所有代码中的前边后边代码段,我都加入了一个空
CSS实现导航条Tab切换的三种方法
CSS实现导航条Tab切换的三种方法 前面的话 导航条Tab在页面中非常常见,本文说详细介绍CSS实现导航条Tab的三种方法 布局 buju 根据上图所示,先规定几个定义,上图的模块整体叫做导航,由导航标题和导航内容组成。要实现上图所示的布局效果,有两种布局方法:语义布局和视觉布局【语义布局】 从语义布局的角度来看,每一个导航标题和其对应的导航内容应该是一个整体
-
课程
课程内容
-
学习计划
学习计划内容
-
技能图谱
技能图谱内容
淘宝店铺装修常用代码大全
c:\iknow\docshare\data\cur_work\xxxx\ 淘宝店铺装修常用代码 1、店铺音乐代码:音乐网址" loop="-1"> 2、图片制作代码:<img src="这里放图片地址"> 3、公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/> 4、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; t op:0px" /> 5、商品分类代码:<img src="这里放图片地址"/> 6、字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font > 7、字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue,yellow等</fo nt> 8、文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a> 9、移动文字代码:<marquee>从右到左移动的文字</marquee> 10、背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgsound> 11、图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"> 12、浮动图片代码:<img alt="1" height="一五0" src="这里放图片地址"/> 公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码 计数器代码颜色代码: 1白色 #FFFFFF 2红色#FF0000 3绿色#00FF00 4蓝色#0000FF 5牡丹红#FF00FF
淘宝店铺装修模板模板代码
下面我把代码黏贴在下面,下载后复制代码放在对应的自定义模块就可以用了, 如果新手不会放,那就在百度里搜索,是怎么放的,我这里就提供代码 以前我都是在淘宝上卖30元的,现在免费送了 1【万用模版】紫色女装饰品女鞋化妆品等全套豪华模板 收藏代码:
摘自资料 |
|
摘自 | 售前客服: 售后客服: 掌柜旺旺:
| | | | | | 联系电话: QQ客服: 营业时间: | | |
|
右侧促销1 |
淘宝店铺装修代码大全-店铺装修代码
淘宝店铺装修代码大全-店铺装修代码 1、店铺音乐代码:音乐网址" loop="-1"> 2、图片制作代码:<img src="这里放图片地址"> 3、公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/> 4、悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; positi on: relative; top:0px" /> 5、商品分类代码:<img src="这里放图片地址"/> 6、字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font> 7、字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue, yellow等</font> 8、文字代码:<a href="网页地址">的文字,在分类栏里用时的网页地址必须缩短</a> 9、移动文字代码:<marquee>从右到左移动的文字</marquee> 10、背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgs ound> 11、图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc= "这里放音乐地址"> 12、浮动图片代码:<img alt="1" height="150" src="这里放图片地址"/> 公告图片的代码:公告挂饰:店铺分类代码:背景音乐代码:换行代码 计数器代码颜色代码: 1白色#FFFFFF 2红色#FF0000 3绿色#00FF00 4蓝色#0000FF 5牡丹红#FF00FF
导航CSS代码在线生成工具
https://www.360docs.net/doc/5816152676.html,/ 导航CSS代码在线生成工具 .skin-box-bd{background:#1D96D4;}/*页头背景颜色设置成#1D96D4可以做成宽屏的导航*/ .skin-box-bd .menu-list{background:#1D96D4;} .skin-box-bd .menu-list .menu{background:#1D96D4;border:none;} .skin-box-bd .menu-list .menu .link{background:#1D96D4;border:none;border-right:1px solid #ffffff;} .all-cats .link{background:#CC66CC;border:none;} .all-cats .link:hover{background:#CC99FF;} .all-cats .link .title{color:#ffffff;border:none;} .all-cats .link .title:hover{color:#ffff00} .skin-box-bd .menu-list .menu .link:hover{background:#CC99FF;} .skin-box-bd .menu-list .menu .link .title{background:none;color:#ffffff;font-weight:bold;} .skin-box-bd .menu-list .menu .link .title:hover{color:#333333} .popup-content{border:none;padding:0px;margin:0px;} .popup-content .popup-inner{border:none;padding:0px;margin:0px;background:#cccccc;} .popup-inner .cats-tree .fst-cat{background:#cccccc;border-top:solid 1px #FFFFFF;} .popup-inner .cats-tree .fst-cat:hover{background:#eeeeee;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#FFFFFF;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#333333} .popup-content .menu-popup-cats .sub-cat{background:#cccccc;} .popup-content .menu-popup-cats .sub-cat .cat-name{color:#FFFFFF;background:#cccccc;} .popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#333333;background:#eeeeee ;} .snd-pop-inner{height:auto;padding:0px;margin:0px;} .snd-pop-inner .fst-cat-bd{padding:0px;margin:0px;background-color:#eeeeee;} .snd-pop-inner .fst-cat-bd .snd-cat-hd{background-color:#eeeeee;} .snd-pop-inner .fst-cat-bd .snd-cat-name{color:#555555;} .snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#eeeeee;background-color:#555555;} 全屏轮播代码在线生成工具 轮播推荐模块在线生成工具