应用简介
快趣吧淘宝CSS装修代码生成器是一款专为那些期望为自己的淘宝店铺打造独特而吸引人的页面，但又在计算机专业知识方面有所欠缺的用户而设计。对于众多淘宝店主来说，拥有一个美观、专业且个性化的店铺页面至关重要，然而，并非每个人都具备深厚的计算机编程和设计技能。这款工具的出现，无疑为这些店主带来了极大的便利。它以其简洁易懂的操作界面和强大的功能，让装修店铺这一原本复杂的任务变得轻松可行。即使是对计算机代码一知半解，甚至是完全陌生的店主，也能够凭借这款生成器，轻松上手进行店铺的装修工作。有了快趣吧淘宝 CSS 装修代码生成器，店主们不再需要依赖外部的专业人员，也无需花费大量的资金去聘请他人来为自己的店铺进行装修。他们可以根据自己的创意和喜好，自主选择店铺的风格、布局、色彩搭配等元素，然后通过这款工具生成相应的装修代码。无论是想要营造温馨浪漫的氛围，还是展现时尚简约的风格；无论是侧重于产品展示的清晰明了，还是追求页面互动的丰富多样，这款生成器都能够满足店主们的需求。它给予了店主们充分的自主权和创作空间，让他们能够将自己对店铺的构想转化为现实，打造出与众不同、独具魅力的淘宝店铺，从而吸引更多的顾客光临，提升店铺的竞争力和销售额。
【软件亮点】
1、快趣吧淘宝CSS装修代码生成器适用于淘宝店铺装修之导航条的css代码生成；
2、可完美自定义设计，小到一条线的色彩，让您不再受制于淘宝限制；
3、即使预览功能，完全模块化、自动化，可设置任意色彩，且所见既所得，可即时预览修改任何地方的效果。
【使用方法】
第一部分、静态背景颜色
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;}
小结：有点成功感了！换换其它颜色试试看吧
快趣吧淘宝CSS装修代码生成器背景色最好搭配页头背景图，才能整体大气美观
第二部分、分隔线、静态文字的颜色
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;}
