公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

时尚黑搜索框店招装修模板代码(二)

2015-04-10 10:20:58

        许多使用代码装修的卖家们都在头疼一件事。都说淘宝装修要在风格和颜色搭配上做到和谐。如果使用了上一篇时尚黑搜索框店招的装修,那么在导航条该去哪里找相同的时尚黑设计代码呢?店招在一定程度上有着导航的功能,因此一般情况下,唯艺都建议卖家们能够在这连个模块使用相同的设计。

        因此,唯艺在这里给大家提供与时尚黑搜索框店招装修同样的导航条css装修代码。



时尚黑导航条css代码


.skin-box-bd{ border-top:1px #202020 solid; background-color:#000; height:29px; font-family:12px/1.5 tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;}
.skin-box-bd .menu-list{ background:none; width:auto; height:29px;}
.skin-box-bd .menu-list .link{ background:none;border:0;color:#fff;cursor:pointer;height:29px; line-height:29px;}
.skin-box-bd .menu-list .link .popup-icon{ background-image:url(http://img02.taobaocdn.com/imgextra/i2/668899258/T2dEG8Xk0aXXXXXXXX_!!668899258.png);}
.skin-box-bd .popup-content{ background-color:#000;border:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity:0.9;}
.skin-box-bd .popup-content .cats-tree .cat-hd-hover{ background-color:#222}
.skin-box-bd .popup-content .cats-tree .cat .cat-hd a{ color:#fff}
.skin-box-bd .popup-content .cats-tree .snd-pop-inner{ background:#222}
.skin-box-bd .popup-content .cats-tree .snd-pop-inner .snd-cat-name:hover{ color:#888}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat .cat-name{ color:#fff}
.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{ background-color:#222}
.all-cats{ height:29px; background:none; max-width:none;}
.all-cats .link{ width:168px; background:#141414;border:0;color:#fff;height:29px; line-height:29px; padding:0 10px;}
.skin-box-bd .menu-list .menu{ background:none; border:0; height:29px; line-height:29px;}
.skin-box-bd .menu-list .menu .title{ font-size:14px; color:inherit; height:auto; line-height:inherit; font-weight:inherit;}
.skin-box-bd .all-cats .link .title{ color:inherit;}
.skin-box-bd .all-cats .title{ font-size:inherit; height:29px; line-height:29px; font-weight:inherit; margin-left:10px;}
.skin-box-bd .popup-content .cats-tree .fst-cat{ width:188px; border:0;}
.skin-box-bd .all-cats .link .popup-icon{ width:15px; height:14px; margin:8px 0 0 0; float:right; background:url(http://img02.taobaocdn.com/imgextra/i2/668899258/T2dEG8Xk0aXXXXXXXX_!!668899258.png) no-repeat scroll -200px -8px;}
.skin-box-bd .all-cats-hover .link .popup-icon{ background-position:-220px -8px;}
.skin-box-bd .all-cats-popup{ width:188px; font-family:12px/1.5 tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;}
.popup-content .cats-tree .fst-cat-icon{ width:3px; height:3px; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2EC8uX_hXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -90px #000; display:block; float:left; margin:12px 6px 0 15px; overflow:hidden; position:inherit; right:inherit; top:inherit;}
.popup-content .cats-tree .cat-hd-hover .fst-cat-icon{ background-position:0 -110px;}
.popup-content .cats-tree .fst-cat-name{ display:block;float:left;height:28px;overflow:hidden;width:160px;}
.popup-content .cats-tree .snd-cat-icon{ width:3px; height:3px; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2EC8uX_hXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -110px #000; display:block; float:left; margin:12px 6px 0 15px; overflow:hidden;}
.skin-box-bd .popup-content .cats-tree .fst-cat .cat-name{ padding:0; font-weight:inherit; line-height:28px;}
.popup-content .cats-tree .snd-cat-name{ width:140px; height:28px; display:block; float:left; overflow:hidden;}
.popup-content .cats-tree .snd-cat-hd{ height:28px; line-height:28px;}
.skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a{ padding:0; line-height:28px;}
.skin-box-bd .menu-list .menu-selected .link{ background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2EC8uX_hXXXXXXXXX-1770601599.gif) repeat-x scroll 0 -40px;}
.skin-box-bd .menu-list .menu-selected .link .title{ background:none;}
.popup-content .cats-tree .cat .cat-hd .fst-cat-icon{ top:auto;}
.all-cats{width:auto;}
.all-cats .link{width:auto;}
.menu-list{ width:auto;}
.all-cats .link .title{ margin:0 85px 0 10px;}


        到此,时尚黑搜索框店招装修模板代码已经提供完毕。望使用该代码的店家们能够把整个系列看完,使用完整才能达到整体高大上的效果。 无论是店招还是这里的导航条,都只适用于专业版旺铺。此时尚黑搜索框店招装修模板代码特别适合想要做品牌店铺的卖家们。

      本文出自唯艺网店装修平台(www.weiyi5.cc,转载请注明出处!


0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 中国风 佛缘手珠 饰品珠宝淘宝模板

    中国风 佛缘手珠 饰品珠宝淘宝模板

    人气:30549
  • 清新优雅 简约背景 内衣服饰淘宝模版

    清新优雅 简约背景 内衣服饰淘宝模版

    人气:1
  • 高端优雅 多功能 精品鞋包淘宝模板

    高端优雅 多功能 精品鞋包淘宝模板

    人气:41603
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597
  •  型男健美 素雅青灰 型男健美淘宝模板

    型男健美 素雅青灰 型男健美淘宝模板

    人气:0
  • 绚丽欧美 高端深蓝 母婴用品淘宝模板

    绚丽欧美 高端深蓝 母婴用品淘宝模板

    人气:38794