淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2808|回复: 7
收起左侧

[装修相关] 纯白色的导航代码,能否分享一个,多谢

[复制链接]
  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

    发表于 2015-7-9 10:45:15 | 显示全部楼层 |阅读模式
    本帖最后由 乖乖兔 于 2015-7-9 11:15 编辑

    哪位大神有 类似 纯白色的导航代码,能否分享一个,多谢




    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2016-11-16 08:48
  • 签到天数: 340 天

    连续签到: 1 天

    [LV.8]自成一派

    14

    主题

    595

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45906

    最佳新人热心会员

    发表于 2015-7-9 10:49:19 | 显示全部楼层
    前排帮暖
    美工UI设计交流群:179222786
  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-7-9 10:54:58 | 显示全部楼层
    楼下有神评
    人面桃花里,浅笑如酒……
  • TA的每日心情
    加油
    6 小时前
  • 签到天数: 1099 天

    连续签到: 1 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279451

    发表于 2015-7-9 11:25:08 | 显示全部楼层
    1. <style>
    2. .menu-list .menu.menu-selected {
    3.         background: #fff;
    4. }
    5. .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title {
    6.         font-size:12px;
    7. }
    8. .skin-box-bd .menu-list .menu .link {
    9.         padding:0 20px;
    10. }
    11. .skin-box-bd .all-cats .link {
    12.         width:170px;
    13. }
    14. .skin-box-bd .all-cats-popup {
    15.         background:#ffffff;
    16. }
    17. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name {
    18.         color:#ffffff;
    19. }
    20. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .fst-cat {
    21.         border-color:#E1E1E1;
    22. }
    23. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name {
    24.         font-size:12px;
    25. }
    26. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd a.snd-cat-name {
    27.         color:#ffffff;
    28. }
    29. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover a.snd-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover a.snd-cat-name {
    30.         color:#ffffff;
    31. }
    32. .skin-box-bd .popup-content .cats-tree .snd-cat-name {
    33.         font-size:12px;
    34. }
    35. .skin-box-bd .popup-content .menu-popup-cats {
    36.         background: none;
    37. }
    38. .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover a, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover a {
    39.         color:#ffffff;
    40. }
    41. .skin-box-bd .popup-content .menu-popup-cats .sub-cat {
    42.         border-color:#E1E1E1;
    43. }
    44. .skin-box-bd .popup-content .menu-popup-cats .sub-cat a {
    45.         font-size:12px;
    46. }
    47. .skin-box-bd, .skin-box-bd .menu-list, .all-cats, .skin-box-bd .all-cats .title, .skin-box-bd .menu-list .menu .title, .skin-box-bd .all-cats .link, .skin-box-bd .menu-list .menu .link {
    48.         height:30px;
    49.         line-height:30px;
    50. }
    51. .skin-box-bd .menu-list .menu {
    52.         border-right:1px solid #ffffff;
    53. }
    54. .skin-box-bd .menu-list .menu .link {
    55.         background:#ffffff;
    56. }
    57. .skin-box-bd .menu-list .menu .link .title {
    58.         color:#666666;
    59. }
    60. .skin-box-bd .all-cats .link .title, .skin-box-bd .menu-list .menu .link .title, .skin-box-bd .popup-content .menu-popup-cats .sub-cat a, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .snd-cat-name {
    61.         font-family:微软雅黑;
    62. }
    63. .skin-box-bd .all-cats:hover .title, .skin-box-bd .all-cats-hover .title {
    64.         color:#ffffff;
    65. }
    66. .skin-box-bd .all-cats:hover .link, .skin-box-bd .all-cats-hover .link {
    67.         background:#ffffff;
    68. }
    69. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover {
    70.         background:#999999;
    71. }
    72. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .cat-hd .fst-cat-name {
    73.         color:#000000;
    74. }
    75. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat:hover .cat-hd .fst-cat-name, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat-hd-hover .cat-hd .fst-cat-name, .skin-box-bd .popup-content .cats-tree .cat-hd-hover {
    76.         border-color:#999999;
    77. }
    78. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner {
    79.         background:#999999;
    80. }
    81. .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd:hover, .skin-box-bd .all-cats-popup .popup-inner .cats-tree li.cat .snd-pop .snd-pop-inner li.cat .snd-cat-hd-hover {
    82.         background:#555555;
    83. }
    84. .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover {
    85.         background:#999999;
    86. }
    87. .skin-box-bd .popup-content .menu-popup-cats .sub-cat:hover, .skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover {
    88.         border-color:#999999;
    89. }
    90. .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon {
    91.         margin-top:9px;
    92. }
    93. .skin-box-bd .menu-list .menu:hover .link, .skin-box-bd .menu-list .menu-hover .link {
    94.         background:#ffffff;
    95. }
    96. .skin-box-bd .menu-list .menu:hover .link .title, .skin-box-bd .menu-list .menu-hover .link .title {
    97.         color:#666666;
    98. }
    99. .skin-box-bd .all-cats .link {
    100.         background:#ffffff;
    101. }
    102. .skin-box-bd .all-cats .link .title {
    103.         color:#666666;
    104. }
    105. .skin-box-bd .all-cats .link .popup-icon, .skin-box-bd .menu-list .menu .link .popup-icon {
    106.         display:none;
    107. }
    108. .skin-box-bd, .skin-box-bd .menu-list {
    109.         background:#ffffff;
    110. }
    111. .skin-box-bd .all-cats-popup {
    112.         border-radius:8px;
    113.         opacity:0.8;
    114.         padding-top:15px;
    115.         padding-bottom:15px;
    116. }
    117. .popup-content .cats-tree .snd-pop-inner {
    118.         border-radius:8px;
    119.         padding-top:15px;
    120.         padding-bottom:15px;
    121. }
    122. .skin-box-bd .popup-content {
    123.         border-radius:8px;
    124.         opacity:0.8;
    125.         padding-top:15px;
    126.         padding-bottom:15px;
    127.         background:#FFF;
    128. }
    129. .skin-box-bd .popup-content .menu-popup-cats .sub-cat a {
    130.         color:#000000;
    131. }
    132. </style>
    复制代码

    刚好有一个,拿去试试

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

     楼主| 发表于 2015-7-9 12:24:48 | 显示全部楼层
    X_in 发表于 2015-7-9 11:25
    刚好有一个,拿去试试

    额滴神呀。真是额滴神,每次都这么及时,我得拜拜


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

     楼主| 发表于 2015-7-9 19:01:01 | 显示全部楼层
    X_in 发表于 2015-7-9 11:25
    刚好有一个,拿去试试

    之前从坛子里找到这个,列表页和详情都正常,首页出现了问题,不知可否指点哪里的问题!
    01.jpg
    1. .all-cats .link{border-color:#FFFFFF;}.menu-list .menu{border-color:#FFFFFF;}.skin-box-bd .menu-list .menu-selected .link{background:#CDCDCD;}body{background-image:url(//gdp.alicdn.com/imgextra/i2/2461340876/TB2BdVPcFXXXXbaXpXXXXXXXXXX_!!2461340876.png);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}.all-cats .link{background:url(//gdp.alicdn.com/imgextra/i3/2461340876/TB2zCNRcFXXXXXLXpXXXXXXXXXX_!!2461340876.jpg);}.skin-box-bd .menu-list{background:url(//gdp.alicdn.com/imgextra/i3/2461340876/TB2Rrp1cFXXXXXBXXXXXXXXXXXX_!!2461340876.jpg);}.all-cats .link .popup-icon{background:url(//gdp.alicdn.com/imgextra/i3/2461340876/TB2y00RcFXXXXatXpXXXXXXXXXX_!!2461340876.jpg);}.popup-content .cats-tree .snd-pop{left:-9999px;top:-9999px;overflow:hidden;}.popup-content .cats-tree .cat .snd-pop{width:0px;-webkit-transition:width 1.23s ease;transition:width 1.23s ease;-o-transition:width 1.23s ease;-moz-transition:width 1.23s ease;}.popup-content .cats-tree .cat-hd-hover .snd-pop{width:200px;}.menu-list .menu .title{color:#696868;font-size:12px;}.all-cats .link .title{color:#696868;font-size:12px;}.popup-content .cats-tree .fst-cat .cat-name{font-size:12px;color:#696868;}.popup-content{background:#CDCDCD;}.popup-content .cats-tree .snd-pop-inner{font-size:12px;color:#696868;}.popup-content .cats-tree .snd-pop-inner{background:#CDCDCD;}.menu-list .menu-hover .link{background:#CDCDCD;}.menu-list .menu-hover .link .title{color:#FFFFFF;}.popup-content .cats-tree .cat-hd-hover{background:#FFFFFF;}.popup-content .cats-tree .snd-cat-hd-hover{background:#FFFFFF;}.skin-box-bd{background:none;}
    复制代码



    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    6 小时前
  • 签到天数: 1099 天

    连续签到: 1 天

    [LV.10]功行圆满

    11

    主题

    714

    帖子

    27万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    279451

    发表于 2015-7-10 14:46:52 | 显示全部楼层
    乖乖兔 发表于 2015-7-9 19:01
    之前从坛子里找到这个,列表页和详情都正常,首页出现了问题,不知可否指点哪里的问题!

    1. <style>
    2. .all-cats .link {
    3.   border-color:#FFFFFF;
    4. }
    5. .menu-list .menu {
    6.   border-color:#FFFFFF;
    7. }
    8. .skin-box-bd .menu-list .menu-selected .link {
    9.   background:#CDCDCD;
    10. }
    11. body {
    12.   background-image:url(//gdp.alicdn.com/imgextra/i2/2461340876/TB2BdVPcFXXXXbaXpXXXXXXXXXX_!!2461340876.png);
    13.   background-repeat:no-repeat;
    14.   background-position:center;
    15.   background-attachment:fixed;
    16. }
    17. .all-cats .link {
    18.   background:url(//gdp.alicdn.com/imgextra/i3/2461340876/TB2zCNRcFXXXXXLXpXXXXXXXXXX_!!2461340876.jpg);
    19. }
    20. .skin-box-bd .menu-list {
    21.   background:url(//gdp.alicdn.com/imgextra/i3/2461340876/TB2Rrp1cFXXXXXBXXXXXXXXXXXX_!!2461340876.jpg);
    22. }
    23. .all-cats .link .popup-icon {
    24.   background:url(//gdp.alicdn.com/imgextra/i3/2461340876/TB2y00RcFXXXXatXpXXXXXXXXXX_!!2461340876.jpg);
    25. }
    26. .popup-content .cats-tree .snd-pop {
    27.   left:-9999px;
    28.   top:-9999px;
    29.   overflow:hidden;
    30. }
    31. .popup-content .cats-tree .cat .snd-pop {
    32.   width:0px;
    33.   -webkit-transition:width 1.23s ease;
    34.   transition:width 1.23s ease;
    35.   -o-transition:width 1.23s ease;
    36.   -moz-transition:width 1.23s ease;
    37. }
    38. .popup-content .cats-tree .cat-hd-hover .snd-pop {
    39.   width:200px;
    40. }
    41. .menu-list .menu .title {
    42.   color:#696868;
    43.   font-size:12px;
    44. }
    45. .all-cats .link .title {
    46.   color:#696868;
    47.   font-size:12px;
    48. }
    49. .popup-content .cats-tree .fst-cat .cat-name {
    50.   font-size:12px;
    51.   color:#696868;
    52. }
    53. .popup-content {
    54.   background:#CDCDCD;
    55. }
    56. .popup-content .cats-tree .snd-pop-inner {
    57.   font-size:12px;
    58.   color:#696868;
    59. }
    60. .popup-content .cats-tree .snd-pop-inner {
    61.   background:#CDCDCD;
    62. }
    63. .menu-list .menu-hover .link {
    64.   background:#CDCDCD;
    65. }
    66. .menu-list .menu-hover .link .title {
    67.   color:#686868;;
    68. }
    69. .popup-content .cats-tree .cat-hd-hover {
    70.   background:#FFFFFF;
    71. }
    72. .popup-content .cats-tree .snd-cat-hd-hover {
    73.   background:#FFFFFF;
    74. }
    75. .skin-box-bd {
    76.   background:none;
    77. }
    78. .skin-box-bd .menu-list .link {
    79.   background:none;
    80. }
    81. .skin-box-bd .menu-list .menu {
    82.   background:none;
    83. }

    84. </style>


    试试看吧,不保证有效!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

     楼主| 发表于 2015-7-10 16:38:20 | 显示全部楼层
    X_in 发表于 2015-7-10 14:46
    试试看吧,不保证有效!

    thank you!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-5 18:32 , Processed in 0.112903 second(s), 19 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表