【干货】淘宝旺铺导航栏Css代码(自用版)

分类: 发布于:2015.6.13 阅读:3,259 次

我们都知道,淘宝旺铺的导航栏,自己是可以修改的,,自己研究了一下,效果还行,代码放出来,大家参考一下

/* 导航栏 */
.skin-box-bd { background-color: #1D1D1D; font-family: Arial, "Microsoft YaHei", "微软雅黑", "宋体"; font-size: 14px; height: 40px; line-height: 40px; font-weight: 300; }
/* 文字颜色 */
.skin-box-bd a { text-decoration: none; color: #fff; }
/* 所有分类*/
.skin-box-bd .all-cats { height: 40px; line-height: 40px; border-right: 1px solid #000000; width: auto; max-width: none; }
.skin-box-bd .all-cats .link { width: 160px;height: 40px; line-height: 40px; }
.skin-box-bd .all-cats .link .title { height: 40px; font-size: 16px; line-height: 40px; font-weight: 300; color: #fff; }
.skin-box-bd .all-cats-hover { }
.skin-box-bd .all-cats-hover .link { background-color: #555; }
.skin-box-bd .all-cats-hover .link .title { color: #fff; }
/* 所有分类二级菜单*/
.skin-box-bd .popup-content { background-color: #444; }
.skin-box-bd .popup-content .cat-hd-hover{background-color: #555;}
.skin-box-bd .popup-content .cats-tree .snd-pop-inner{ padding: 0; background: #666; }
.skin-box-bd .popup-content .cats-tree .fst-cat{width: 190px;}
.skin-box-bd .popup-content .cats-tree .snd-cat-hd{border-bottom: 1px solid #555;}
.skin-box-bd .popup-content .cats-tree .snd-cat-hd-hover{background: #777;}
/* 页面*/
.skin-box-bd .menu-list { height: 40px; line-height: 40px;width: auto; }
.skin-box-bd .menu-list .menu .link { height: 40px; line-height: 40px; border-right: 1px solid #000000; }
.skin-box-bd .menu-list .menu .link .title { height: 40px; font-size: 16px; line-height: 40px; font-weight: 300; color: #fff; }
.skin-box-bd .menu-list .menu-hover .link { background-color: #555; }
.skin-box-bd .menu-list .menu-hover .link .title { color: #fff; }
.skin-box-bd .menu-list .menu-selected .link { background-color: #F30; }
.skin-box-bd .menu-list .menu-selected .link .title { background: none; color: #fff; }

评论已关闭!

最新评论 1 条评论  访客:1 条  作者:0 条
  1. 骨头粉丝
     

    [晕]说点什么吧…

     沙发