淘宝店铺装修 导航条代码详解淘宝店铺装修 导航条代码详解
淘宝店铺装修之导航条代码超级详细分析对于淘宝店铺，导航条装修，很多店主朋友都很烦恼吧,在 950px，30px 这点大的地方，通过装修让它变得好看起来，貌似挺困难的～面临这种问题的时候，很多店主朋友往往都选择的是:不用系统给的导航条，通过 PS 制作好导航条图片，再在使用 dreamweaver 的热点编辑工具对它们进行热点区域划分～最后在使用到我们的店铺中去。例如:这种方法也可以像他们一样这样去做，但是亲们不觉得这样挺单调呀,给人死板的感觉～既然是 2012 新旺铺，那么该灵动的还...
淘宝店铺装修 导航条代码详解
淘宝店铺装修之导航条代码超级详细分析对于淘宝店铺，导航条装修，很多店主朋友都很烦恼吧,在 950px，30px 这点大的地方，通过装修让它变得好看起来，貌似挺困难的～面临这种问题的时候，很多店主朋友往往都选择的是:不用系统给的导航条，通过 PS 制作好导航条图片，再在使用 dreamweaver 的热点编辑工具对它们进行热点区域划分～最后在使用到我们的店铺中去。例如:这种方法也可以像他们一样这样去做，但是亲们不觉得这样挺单调呀,给人死板的感觉～既然是 2012 新旺铺，那么该灵动的还是灵动起来～这是东东模板里面的截图例子(都是可以再淘宝导航条上实现的哦) ～呵呵，是不是大家发现原来，就使用淘宝自带的导航条去编辑导航条，也能是不是挺赞～很花哨呀,当然呢这些都是通过代码去实现的，一说到代码估计大多数店主大人都很头疼吧～呵呵，其实只要大家耐心去琢磨琢磨都挺简单的～下面呢，就由东东给大家详细说说这个关于导航条的代码问题～首先呢，要是当拿到一段关于导航条的代码，我们应该把这段代码具体放在哪里呢,这里需要我们:阿里网卖家版—进入店铺装修页面—点击导航条装修的“编辑” (一定是显示设置里面哦)然后代码的位置放在如图所示:
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
--------------------下面就是关于导航条的各种代码啦:注:代码中“xxxxxx”一律为颜色代码，店主朋友们可以自行设置)静态背景色:1.首页/店铺动态/其它导航类目的背景色.skin-box-bd .menu-list .linkbackground:1e1e1e2.所有分类的背景色(最左边的).all-cats .linkbackground:1e1e1e3.导航条整个分类段背景
色.skin-box-bd .menu-listbackground:1e1e1e4.导航条背景色，修补导航右侧缺口.skin-box-bdbackground:1e1e1e静态分割线1.首页等分类的右边的分隔线颜色.menu-list .menuborder-color:1e1e1e2.所有分类的右边的分隔线颜
色.all-cats .linkborder-color:1e1e1e3.首页等分类的右边静态分割线不
要.menu-list .menuborder-width:04.所有分类的右边的分隔线不
要.all-cats .linkborder-width:0 ～(静态分割线的不要就可以达到如下图的效果哦～) ～__ 嘻嘻……)是不是觉得有时候，没有静态分割线，导航条更加漂亮咯～静态文字1.首页/店铺动态/其它导航类目的文字颜
色.menu-list .menu .titlecolor:white2.所有分类的文字颜色(最左边那个).all-cats .link .titlecolor:white鼠标滑过背景1.鼠标滑过首页/店铺动态/其它导航类目变换背景色.menu-list .menu-hover .linkbackground:blue2.鼠标滑过所有分类(最左边那个)变换背景色.all-cats-hover .linkbackground:blue鼠标滑过文字1.鼠标滑过首页/店铺动态/其它导航类目变换文字颜色.menu-list .menu-hover .titlecolor:red2.鼠标滑过所有分类(最左边那个)变换文字颜色.all-cats-hover .link .titlecolor:red被激活项目文字颜色.skin-box-bd .menu-list .menu-selected .link .titlebackground:nonecolor:white
被激活项目背景颜色.skin-box-bd .menu-list .menu-selected .linkbackground:purple至于“所有分类”下面的下拉菜单中的一级、二级分类等相关的设置(最好不要去设置，非专业设计人士，一般自己设置颜色， ～背景色什么的都不如系统默认的那种配置好～)对于像下图这种导航条的效果:大家可以明显看出，导航条里面的背景颜色是具有颜色渐变效果的吧～～ )当然通过单纯的代码里面的颜色代码(也就是“xxxxxx” 肯定实现不了上图这种效果的～那怎么样才是实现这种效果的导航条效果
呢, ～其实他们只不过从背景颜色，变成了一种背景图片的形式～原来代码比如这一条:.skin-box-bd .menu-list .linkbackground:ffffff -----------(是指首页/店铺动态/其它导航类目的背景色)大家看到“background”了吧～它是指背景的意思，后面跟的是颜色代码ffffff，其实 background 后面不仅可以跟上颜色代码，还可以跟上图片地址:假如换成.skin-box-bd .menu-list .linkbackground:url图片地址)这句代码的意思就成为了(首页/店铺动态/其他导航类目的背景图片)又比如:被激活项目背景颜色.skin-box-bd .menu-list .menu-selected .linkbackground:purple假如换成:.skin-box-bd .menu-list .menu-selected .linkbackground:url 图 片 地址)意思为(被激活项目的显示背景图片) ～是不是挺简单的呀～～有了它们我相信各位店主大大都能自己做出自己精美的导航条啦～(PS:板砖和鲜花，亲们悠着点给呀～，小弟心脏不好 __)还有不懂得亲或者对各种店铺装修存在种种问题的朋友 看我百度账号 加我扣扣好友 线上问东东
本文档为【淘宝店铺装修 导航条代码详解】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
浙公网安备 33021202002483