现在我来一一介绍一下导航条颜色、字体颜色、字体大小以及二三级导航背景字体的代码,轻松装修个人店铺,嘿嘿
工具/原料
PS,电脑,个人店铺
方法/步骤
1、1.导航背景色代码(除去“所有分类”):.menu-list.link{background:#颜色代码;}
2、2.导航栏文字(除去“所有分类”):.menu-list.menu.title{color:#颜色代码;font-size:字号px;}
3、3.“所有分类”的背景色代码:.all-cats.link{background:#000000;}
4、4.“所有分类”的文字代码:.all-cats.link.title{color:#颜色代码;font-size:字号px;}
5、5.二级分类评鲦易纪文字代码:.popup-content.cats-tree.fst-cat.cat-name{font-size:字号px;c泠贾高框olor:#颜色代码;font-weight:bold/bolder/normal;}---->bold粗体;bolder更再加粗;normal正常的
6、6.二级分类背景代码:.popup-content{background:#000000;}
7、7.三级分类文字蜣贺鱿柢代码(除去“所有宝贝”分类):.popup-content.cats-tree.snd-pop-inner{font-size:字号px;color多唉捋胝:#颜色代码;font-weight:bold/bolder/normal;}
8、8.一级导航分类(除去”所有分类“)分割线颜色代码:.menu-list.menu{border-color:#FFFFFF;}
9、9.鼠标滑过一级分类导航文字变换背景色代码:.menu-list.menu-hover.link{background:#000000;}
10、10饱终柯肢.鼠标滑过一级分类导航文字变换颜色代码:.menu-list.menu-hover.link.title{color:#FFFFFF;}
11、11.导航条背景色(最底层),修补导航右侧缺口代码:.skin-box-bd{background:#颜色代码;}