快趣吧淘宝导航css代码生成器就是现在操作十分的简单的导航css代码生成工具。不但能调导航条的文字颜色,而且还拥有颜色提取器,从而更快速的生成所需要的代码!九游
导航栏CSS代码使用教程
第一部分、静态背景颜色
1、首页/店铺动态/其它导航类目的背景色,这里设为红色
.skin-box-bd.menu-list.link{background:red;}
2、所有分类的背景色(最左边的),一样设为红色
.all-cats.link{background:red;}
到这里,发觉右边的颜色还没有变呢,好的,接着下一步
3、导航条整个分类段背景色,还是要设为红色,整体布局好看些
.skin-box-bd.menu-list{background:red;}
注意观察,最右边还有一丝地方没有变
4、导航条背景色(是最底层了吧),修补导航右侧缺口,再设为红色
.skin-box-bd{background:red;}
小结:有点成功感了!换换其它颜色试试看吧
背景色最好搭配页头背景图,才能整体大气美观
第二部分、分隔线、静态文字的颜色
5、首页等分类的右边的分隔线颜色,设为白色
.menu-list.menu{border-color:white;}
6、所有分类的右边的分隔线颜色,设为白色
.all-cats.link{border-color:white;}
7、首页/店铺动态/其它导航类目的文字颜色
.menu-list.menu.title{color:yellow;}
8、所有分类的文字颜色(最左边那个),
.all-cats.link.title{color:yellow;}
小结:其实原来默认文字的颜色也挺好的
第三部分、分类下的颜色
9、二级分类的背景色,设为灰色
.popup-content{background:gray;}
10、三级分类的背景色,我设为深灰色
.popup-content.cats-tree.snd-pop-inner{background:#504f4f;}
11、二级分类的文字颜色,设为黄色
.popup-content.cat-name{color:yellow;}
12、三级分类的文字颜色。(如果后面要鼠标滑过变色<21.22>,这句要写)
.popup-content.cats-tree.snd-pop-inner.cat-name{color:yellow;}
小结:上面这句不写,和二级分类颜色是一样的
第四部分、鼠标滑过变背景色
13、鼠标滑过首页/店铺动态/其它导航类目变换背景色,这设为蓝色
.menu-list.menu-hover.link{background:blue;}
14、鼠标滑过所有分类(最左边那个)变换背景色,这同样设为蓝色
.all-cats-hover.link{background:blue;}
15、鼠标滑过所有分类下的二级分类变换背景色,这设为蓝色
.popup-content.cats-tree.cat-hd-hover{background:blue;}
16、鼠标滑过所有分类下的三级分类变换背景色,这设为深蓝色
.popup-content.cats-tree.snd-cat-hd-hover{background:#160595;}
17、鼠标滑过导航类目下的宝贝分类变换背景色,这设为蓝色
.menu-popup-cats.sub-cat-hover{background:blue;}
小结:这个所有分类,与首页后面的,是要分开设计的
第五部分、鼠标滑过变文字颜色
18、鼠标滑过首页/店铺动态/其它导航类目变换文字颜色,这设为红色
.menu-list.menu-hover.title{color:red;}
19、鼠标滑过所有分类(最左边那个)变换文字颜色,这同样设为红色
.all-cats-hover.link.title{color:red;}
20、鼠标滑过导航类目下的宝贝分类变换文字颜色,这设为红色
.menu-popup-cats.sub-cat-hover.cat-name{color:red;}
21、鼠标滑过所有分类下的二级分类变换文字颜色,这设为红色
.popup-content.cat-hd-hover.cat-name{color:red;}
22、鼠标滑过所有分类下的三级分类变换文字颜色,这设为红色
.popup-content.cats-tree.snd-cat-hd-hover.cat-name{color:red;}
小结:这部分还是默认白色的好看
第六部分、导航项目激活状态
23、激活项目的文字背景色(难看,所以none)、文字颜色(选白色)
.skin-box-bd.menu-list.menu-selected.link.title{background:none;color:white;}
24、激活项目的项目背景色(项目框),选紫色
.skin-box-bd.menu-list.menu-selected.link{background:purple;}
小结:最多人忽视这部分,其实也是很多人想知道的
2、这样就可以生成代码

1、快趣吧淘宝CSS装修代码生成器由快趣吧淘宝店铺装修论坛开发,并免费提供给淘宝店家。
2、本软件适用于淘宝店铺装修之导航条的css代码生成。
3、七彩生活,由你做主。本软件可完美自定义设计,小到一条线的色彩,让您不再受制于淘宝限制。
4、即使预览功能,完全模块化、自动化。可设置任意色彩,且所见既所得,可即时预览修改任何地方的效果。
展开内容
9.8/204.5M
桌面图标布局备份工具是一款桌面图标保存软件,很多朋友桌面乱了之后想要变回以前的桌面,这款软件就可以直接的进行恢复,解决桌面图标抽风打乱的烦躁。桌面图标布局备份工...
9.1/1,091.5M
UltraISO是一款功能强大而又方便实用的光盘映像文件制作/编辑/格式转换工具,它可以编辑光盘映像和从硬盘映像中直接提取文件,也可以从CD-ROM制作光盘映像...
10.0/1,108.6M
GM游戏库软件是一个收集和整理游戏资源的平台,为广大玩家提供各种游戏的下载、攻略、资讯等信息。需要注意的是,GM游戏库软件中的部分游戏可能存在版权问题,请大家在...
9.2/1,619.1M
绘画板Paint2d是一款非常小巧的绘画板软件,这个软件与pc自带的绘图软件的界面类似,软件十分小巧,并且没有任何的广告,功能是非常齐全的!绘画板Paint2d...
8.7/337.6M
使用新格尔门窗绘图软件,操作简单好用,用户可以在本软件中绘制自己的门窗图纸。新格尔门窗软件是不会类似cad、maya等专业绘制软件的救星,速度快且简单,另外软件...
8.5/243.5M
一点资讯ios版(新闻资讯视频头条平台)是一款短视频直播手机阅读软件,海量精彩短视频在这里一览无余,涵盖新闻热点、健康知识、娱乐八卦、搞笑段子等内容,欢迎感兴趣...
查看
8.6/669.7M
定制枪模拟器是一款可以自由组装武器的模拟手游。玩家将在游戏中组装自己喜欢的武器,和其他玩家一起同台竞技对战。多种游戏模式,各种风格的武器任你选择,让你轻松完成战...
8.5/108.4M
国庆节不仅是中国法定节日,也纪念着中国历史的发展。在这里一年一度的国庆到来之际。不少地方纷纷发起了向国旗敬礼祝福语,本站为大家带来了2017十一国庆向国旗敬礼寄...
9.3/1,874.3M
和平精英独行者直装版是一个特别的游戏版本,该版本加入了各种辅助功能,让玩家可以玩的更轻松,合理运用战术,精准射击战斗,打败各种对手,赢得更多比赛,在这里体验很多...
7.5/1,641.9M
联动卡宝便捷的刷卡收款管理的工具,方便消费者和用户,在这里刷卡没有任何的限制,能够更好的记录你的卡账问题。联动卡宝说明联动卡宝是一款由联动优势打造的全新一代移动...
9.2/1,917.9M
《1亿有多大》引导学生通过具体事物感受一亿的大小,能借助计算器处理较复杂的数据,学会用用倍比法或归一法来解决问题。以下是小编给大家带来的人教版小学四年级数学pp...
8.1/218.1M
别碰我女神是一款卡通画面的策略塔防手游,游戏玩法休闲有趣,在游戏中玩家可以解锁各种炮台,放置再合适的地方攻击袭来的怪物,很考验玩家的临时策略,感兴趣的小伙伴快来...
9.3/1,117.0M
在游戏的世界里,与好友一同并肩作战、探索未知、竞技对抗,无疑是增添乐趣的绝佳方式。然而,不同地区、不同网络环境常常成为玩家们联机的阻碍,让这份欢乐难以顺利实现。...
7.5/885.9M
这款软件是一款购物返利赚钱平台,在上面购物是有着返利的,购物更加的优惠,而且还提供了各种外卖的优惠卷,在你想要点外卖的时候可以用!惠云联盟app介绍惠云联盟是一...
8.4/156.2M
视频通话是现在最流行的通信方式,这款最好的免费视频通话软件下载带给你最好的视频通话体验,高清的图像给你最直观的视觉感受。视频通话,又称视频电话,分为走IP线路以...
8.2/1,569.4M
狂暴汽车模拟器(FuriousCarSimulator)是一款真实的汽车模拟驾驶手游,自由的打造汽车的外观,完全模拟真实的还是体验,一个开放的世界,驾驶汽车到处...
9.0/387.9M
gcsv2xls(csv转excel工具)是一款简单好用的csv文件格式转换成excel格式的软件,很多用户在使用excel打开csv文件时经常会出现乱码、手机...
8.3/1,077.9M
这是一款经典的贪吃蛇游戏,不一样的是你在通过数字板块之前需要将周围的黄色食物吃完,使得你的身体变得越长越容易通过数字版块。游戏介绍SNAKEGO是一款全新的街机...
7.9/1,643.8M
风来小镇手游全新版本上线,探索奇幻世界的极致冒险体验,享受更加新颖有趣的异世界探索。原创角色的冒险模式,探索异世界神像的寻觅之旅,集结你的最强小队,展开独特新颖...
8.4/1,170.5M
真恐怖潜在心理测试是一款心里测试游戏,游戏画面有点恐怖,差不多有30到题目,每一题都有衡量的标准,最终用来测试你的心里情况。恐怖心里测试游戏真恐怖潜在心理测试玩...
9.7/756.6M
天天帝国360版是一款人气火爆的塔防策略+帝国经营的大型多人在线游戏,魔幻风格,高清画质,为你打造无坚不摧的罗马帝国,3D战斗场面势必让你享受大作级的体验,喜欢...
7.7/65.9M
你是美人吗?快来美人扎堆的地方吧!美人帮是一款功能全面的美人生活应用软件,它提供美容、美妆、美肤、购物、虚拟试衣、社区交友聊天等等各类功能。美人帮是女人必备的一...
10.0/997.7M
萌猫邦app是一个学习养猫知识的平台,这里汇聚了爱猫养猫人士,大家一起分享养猫知识,家里有猫的朋友可以来下载学习!萌猫邦app介绍作为一个专业的猫咪知识分享平台...
7.7/1,356.8M
梦幻圆宇宙游戏下载,这是一款梦幻换装专班小游戏,里面提供精美的服饰,根据不同的圆宇宙空间来给角色进行大版,里面的服装全都免费获取,使用起来式没有限制的,喜欢的朋...