橙色风格带分享收藏店铺+搜索栏+倒计时功能店铺店招导航代码
POST TIME:2020-10-24
店招代码如下：
导航css代码如下：
.skin-box-bd, .menu-list .menu{background: none;font-size: 0;line-height: 0;border: none;margin: 0;padding: 0;overflow: hidden;} .skin-box-bd .all-cats{_width: auto;max-width: none;height: auto;margin: 0;float: none;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;} .menu-list{background: none;width: auto;height: auto;float: none;display: inline-block;*display: inline;*zoom: 1;vertical-align: top;} .menu-list .link, .menu-list .menu-selected .title, .menu-list .menu-hover .link, .popup-content, .all-cats-popup .snd-pop .snd-cat-hd-hover{background: none} .all-cats-popup .popup-content{width: 100%} .all-cats-popup .snd-pop .snd-cat-hd-hover a{text-decoration: underline;padding-left: 17px} .all-cats .link .popup-icon, .menu-list .menu .link .popup-icon, .all-cats-popup .has-children .fst-cat-icon{display: none;background: none;} .all-cats-popup .cats-tree .fst-cat{height: auto;border: none;float: none;width: auto;_zoom: 1;} .title{font-size: 12px;font-weight: normal;margin: 0} .menu-list .link, .popup-content{border: none;font-size: 12px} .cats-tree{margin: 0;padding: 0;background: none;} .cats-tree h4{height: auto;font-weight: normal;background: none;} .cats-tree h4:after{height: 0;overflow: hidden;} .fst-cat-icon, .snd-cat-icon{background: none;margin: 0;display: none} .snd-cat-hd a{padding-left: 15px} .skin-box-bd, .menu-list .menu{height: 30px;} .skin-box-bd{text-align: left;background-color: #fe7235;} .menu-list .menu-hover{background-color: #45bb99;} .menu-list .link{padding: 0 20px;} .menu-list .menu .link .title{color: #ffffff;height: 30px;line-height: 30px;font-size: 14px;} .menu-list .menu-hover .link .title{color: #ffffff;font-style: normal;font-weight: bold;text-decoration: none;} .link .title{font-family: 微软雅黑;} .menu-list .menu .link .popup-icon{border: 4px solid #fe7235;border-top-color: #ffffff;margin-left: 10px;margin-top: 13px;font-size: 0;width: 0;height: 0;display: block;_display: inline;overflow: hidden;} .menu-list .menu-hover .link .popup-icon{border-color: #45bb99;border-top-color: #ffffff;} .all-cats{background-color: #fe7235;} .all-cats-hover{background-color: #45bb99;} .all-cats .link{padding: 0 20px;width: 80px;background: none;border: none;height: 30px;line-height: 30px;} .all-cats .link .title{color: #ffffff;height: 30px;line-height: 30px;font-family: 微软雅黑;font-size: 15px;} .all-cats-hover .link .title{color: #ffffff;} .menu-list{width: 830px;} .all-cats .link .popup-icon{background-image: url(http://img.alicdn.com/imgextra/i3/770458061/TB2d1CKeFXXXXXbXpXXXXXXXXXX-770458061.gif);background-repeat: repeat-x;background-position: 0px 0px;margin: 7px 0px 0 auto;font-size: 0;float: right;line-height: 0;width: 16px;height: 16px;display: block;_display: inline;overflow: hidden;} .all-cats-hover .link .popup-icon{background-image: url(http://img.alicdn.com/imgextra/i3/770458061/TB2d1CKeFXXXXXbXpXXXXXXXXXX-770458061.gif);background-repeat: repeat-x;background-position: 0px 0px;} .all-cats-popup{background-color: #45bb99;text-align: left;width: 180px;} .all-cats-popup .cats-tree .cat-hd-hover{background-color: #fe7235;} .all-cats-popup .cats-tree .snd-pop-inner{_background: none;background: #fe7235;} .all-cats-popup .cats-tree .fst-cat{border-bottom: 1px solid #45bb99;} .all-cats-popup .cats-tree .fst-cat .fst-cat-hd .cat-name{color: #ffffff;width: 75%;padding-left: 20px;} .all-cats-popup .cats-tree .cat-hd-hover .fst-cat-hd .cat-name{color: #ffffff;} .all-cats-popup .snd-pop .snd-cat-hd a{color: #ffffff;} .all-cats-popup .snd-pop .snd-cat-hd-hover{background: none;} .all-cats-popup .cat-hd a{height: 28px;line-height: 28px;position: static;} .all-cats-popup .has-children .fst-cat-icon{border: 3px solid #45bb99;border-left-color: #ffffff;margin-right: 5px;margin-top: 11px;position: static;font-size: 0;width: 0;height: 0;overflow: hidden;display: block;_display: inline;float: right;} .all-cats-popup .cat-hd-hover .fst-cat-icon{border-color: #fe7235;border-left-color: #ffffff;} .menu-popup-cats{background-color: #45bb99;width: 160px;} .menu-popup-cats .sub-cat-hover{background-color: #fe7235;} .menu-popup-cats .sub-cat{border-bottom: 1px solid #45bb99;height: 28px;line-height: 28px;width: auto;} .menu-popup-cats .sub-cat a{color: #ffffff;width: auto;height: auto;} .menu-popup-cats .sub-cat-hover a{color: #ffffff;}
全屏海报图片轮播代码如下：
