很快就要过中秋节了，分享一份1920x150的红黑色全屏效果的淘宝中秋节店招模板。这份套中秋节素材仅中秋节期间使用，店招模板中的背景图不可修改。店招含活动时间、活动店铺公告、搜索框、店铺收藏、店铺分享等功能。

本淘宝全屏店招仅淘宝专业版旺铺可以使用哦。模板绝对可以使用，鱼摆摆已经测试了，下面有真实预览地址。

（一）淘宝店招模板效果预览

（1）模板真实预览效果见：/uploadfile/201408/20/1028366721.html

（2）模板部分预览截图如下：

（二）模板素材

（1）淘宝店招代码（需设置店招高度110px）

<div style="height:110px; overflow:hidden;color:#fff;font-family:arial; background:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2BgLzaXXXXXblXXXXXXXXXXXX-770458061.png) no-repeat center center" banner_height="110"><div class="hd_info" style="overflow:hidden;height:110px;"><a style="float:left; margin-right:20px;width:275px;height:110px;overflow:hidden" href="http://shop57988233.taobao.com" _fcksavedurl="http://shop57988233.taobao.com" target="_brank"></a> <div class="J_TWidget" data-widget-config="{'interval':4,'effect':'scrolly','autoplay':true,'circular':true,'prevBtnCls':'prev','nextBtnCls':'next','duration':0.9,'easing':'easeBothStrong'}" data-widget-type="Carousel" style="overflow:hidden;height:24px;line-height:24px; width:350px; margin-top:43px; float:left;"> <div style="overflow:hidden;height:24px;line-height:24px; font-size:16px;font-family:微软雅黑"> <ul class="ks-switchable-content" style="overflow:hidden;"> <li style="height:24px; line-height:24px; overflow:hidden"><a href="链接地址" _fcksavedurl="链接地址" target="_blank" style="color:#fff;">中秋包邮-全场5折起</a></li> </ul> </div> <ul style=" display:none;" class="ks-switchable-nav"> <li></li> </ul> </div> <div style=" float:right; width:255px; overflow:hidden;text-align:right; margin-top:35px;"> <div style=" width:251px; height:40px;line-height:40px;overflow:hidden; margin-bottom:8px;float:right;overflow:hidden;zoom:1;"><div style="width:167px;float:right"><form method="get" action="http://shop57988233.taobao.com/search.htm" name="SearchForm"> <input type="text" class="keyword-input J_TKeyword prompt" value="" autocomplete="off" name="keyword" size="20" style="width:123px;height:38px;line-height:24px;text-indent:4px; border:1px solid #fff; background:#fff;float:left; outline:none"> <input type="submit" class="J_TSubmitBtn btn" value="" style="width:40px;background:#d62c47 url(http://img02.taobaocdn.com/imgextra/i2/770458061/TB2xF6DXVXXXXXGXXXXXXXXXXXX-770458061.gif) no-repeat center center;height:40px;border:none; float:right;cursor:pointer;"><input type="hidden" value="y" name="search"></form></div><a style="text-decoration: none;background:#d62c47 url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2.83rXVXXXXXSXXXXXXXXXXXX-770458061.gif) no-repeat -57px 0;width:40px; height:40px;float:right;vertical-align:top;overflow:hidden;margin-right:2px;text-align:center;color:#fff;line-height:58px;font-size:12px" href="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0" _fcksavedurl="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0" target="_blank" title="收藏">收藏</a><div class="sns-widget" title="分享" style="cursor:pointer;background:#d62c47 url(http://img01.taobaocdn.com/imgextra/i1/770458061/TB2.83rXVXXXXXSXXXXXXXXXXXX-770458061.gif) no-repeat -26px 0;width:40px; height:40px;float:right;vertical-align:top;overflow:hidden;margin-right:2px;text-align:center;color:#fff;line-height:58px;font-size:12px" data-sharebtn="{"client_id":"68","skinType":"3","comment":"鱼摆摆","isShowFriend":false,"type":"shop","key":"57988233"}">分享</div></div> </div> </div> </div><a name="sgmb"></a>

（2）淘宝导航条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 .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:38px;}.skin-box-bd{text-align:left;background-color:#d62c47;}.menu-list .menu-hover{background-color:#c31934;}.menu-list .link{padding:0 20px;cursor:pointer;}.menu-list .menu .link .title{color:#ffffff;height:38px;line-height:38px;}.menu-list .menu-hover .link .title{color:#ffffff;}.link .title{font-family:微软雅黑;}.menu-list .menu .link{border-right:1px solid #c31934;height:38px;line-height:38px;margin-top:0px;}.menu-list .menu .link .popup-icon{border:4px solid;border-color: #ffffff #d62c47 #d62c47 #d62c47;margin-left:10px;margin-top:17px;font-size:0;width:0;height:0;display:block;_display:inline;overflow:hidden;}.menu-list .menu-hover .link .popup-icon{border-color: #ffffff #c31934 #c31934 #c31934}.all-cats{background-color:#c31934;}.all-cats .link{padding:0 20px;cursor:pointer;width:70px;background:none;border:none;height:38px;line-height:38px;}.all-cats .link .title{color:#ffffff;height:38px;line-height:38px;font-family:微软雅黑;font-style:normal;font-weight:bold;text-decoration:none;}.all-cats-hover .link .title{color:#ffffff;font-style:normal;font-weight:bold;text-decoration:none;}.menu-list{width:840px;}.all-cats .link .popup-icon{background-image:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2e4sQXVXXXXaqXXXXXXXXXXXX-770458061.gif);background-repeat:no-repeat;background-position:0px 0px;margin:14.5px 0px 0 auto;font-size:0;float:right;line-height:0;width:9px;height:9px;display:block;_display:inline;overflow:hidden;}.all-cats-hover .link .popup-icon{background-image:url(http://img03.taobaocdn.com/imgextra/i3/770458061/TB2e4sQXVXXXXaqXXXXXXXXXXXX-770458061.gif);background-repeat:no-repeat;background-position:0px 0px;}.all-cats-popup{background-color:#c31934;text-align:left;width:180px;}.all-cats-popup .cats-tree .cat-hd-hover{background-color:#fdecd2;}.all-cats-popup .cats-tree .snd-pop-inner{_background:none;background:#fdecd2;}.all-cats-popup .cats-tree .fst-cat{border-bottom:1px solid #800601;}.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:#555555;}.all-cats-popup .snd-pop .snd-cat-hd a{color:#555555;}.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;border-color:#c31934 #c31934 #c31934 #d41b00;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:#fdecd2 #fdecd2 #fdecd2 #d41b00}.menu-popup-cats{background-color:#c31934;width:160px;}.menu-popup-cats .sub-cat-hover{background-color:#fdecd2;}.menu-popup-cats .sub-cat a{color:#ffffff;width:auto;height:auto;}.menu-popup-cats .sub-cat-hover a{color:#555555;}.menu-popup-cats .sub-cat{height:28px;line-height:28px;width:auto;}

（3）页头背景图：横向平铺+居中对齐

见下载文件

（三）店招代码修改

（1）修改店铺名称

代码中，搜索并查找“鱼摆摆”，替换为自己店铺的名称。

（2）修改店铺分享、收藏、搜索框的shopid

代码中，直接查找搜索“57988233”这个数字，并替换为亲店铺自己的店铺id（shopid）。所有的 “57988233”均需要修改替换哦。这样就批量修改好了代码中的淘宝搜索框、分享店铺和收藏店铺的链接。

说明：如果亲不知道自己店铺id的shopid是多少，请看教程：教你如何获取淘宝店铺shopid与如何更改淘宝店铺域名

（四）淘宝全屏店招模板安装教程

详见：淘宝全屏店招模板安装教程 ,记得设置店招高度110px。

（五）淘宝装修模板素材打包下载地址

本1920x150全屏效果红黑色淘宝中秋节店招模板模板下载地址：/uploadfile/201408/20/1036277345.rar

特别说明，这份全屏店招来源淘宝一键安装模板350模板的一款中秋节专用模板，喜欢该模板的朋友，可以前往350模板直销店购买，模板30元一套，90元可以购买所有的模板。付费版的使用起来更方便，没上面那么麻烦，不需要修改代码哦。

350模板直销店地址：www.350muban.net,该模板的付费版完整模板购买地址：http://zx.350.net/detail?tid=186&theme=default&p=10533