时尚黑色全屏淘宝店招模板含淘宝搜索框代码

小提示：您能找到这篇{时尚黑色全屏淘宝店招模板含淘宝搜索框代码}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的时尚黑色全屏淘宝店招模板含淘宝搜索框代码内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

分享这份全屏淘宝店招模板全黑，含淘宝搜索框代码、淘宝店铺公告、、店铺名称、我的订单、分享店铺和收藏店铺功能。

本淘宝全屏店招模板含店招代码（高度120）、导航条css代码、页头背景图。

本淘宝全屏店招仅淘宝专业版旺铺可以使用哦。

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

（1）模板真实预览效果见：

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

（二）模板素材

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

<div style=" width:950px; height:120px; margin:a<a href="/topic/36263">网络营销运营公司</a>uto; text-align:left; position:relative; background:#000;font-weight:normal; font-size:12px;"> <div style=" height:95px; text-align:center;"> <div style="width:400px; height:60px; line-height:60px; margin:0 auto; padding-top:30px; font-family:arial,微软雅黑; font-size:28px; font-weight:700; color:#fff; overflow:hidden;">淘宝模板</div> </div> <div style=" width:300px; height:20px; overflow:hidden; padding-left:20px; margin-left:20px; background: url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2mFNjX.VXXXXXXXXX-1770601599.gif) no-repeat scroll 0 center;"> <div style="position: relative;" class="J_TWidget" data-widget-type="Slide" data-widget-config="{'contentCls':'mk-110-dz','hasTriggers':false,'effect':'fade','eas<a href="/topic/27731">磴口宣传片</a>ing':'easeOutStrong','duration':0.3}"> <ul class="mk-110-dz"> <li style="height:20px; line-height:20px; display:block;"><a href="http://www.taobao.com/?1" _fcksavedurl="http://www.taobao.com/?1" target="_blank" style="color:#C1C1C1; text-decoration:none;">全场满200包邮，活动截止十月一号</a></li> </ul> </div> </div> <div style="width:auto; padding:0; border:0; left:auto; top:auto; line-height:inherit; width:175px; line-height:20px; position:absolute; left:auto; top:auto; border:0; padding:0; line-height:inherit; right:20px; bottom:5px;" class="footer-more-trigger sn-simple-logo"> <div style=" width:205px; height:20px; margin-bottom:25px;"> <form method="post" name="SearchForm" target="_blank" action="http://shop57988233.taobao.com/search.htm"> <input type="hidden" name="userId"> <input type="hidden" name="shopId" value="57988233"> <input type="hidden" name="view_type"> <input type="hidden" name="order_type"> <input type="hidden" name="search" value="y"> <input style=" border:1px solid #ddd; height:19px; width:142px; padding:0 4px;" name="keyword"> <input type="submit" style=" width:19px; height:19px; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2ZFtlX5VXXXXXXXXX-1770601599.png) no-repeat; border:0; cursor:pointer; overflow:hidden;" value=" "> </form> </div> <div style=" height:20px; line-height:20px;"> <a style="color:#C1C1C1;" target="_blank" href="http://trade.taobao.com/trade/itemlist/list_bought_items.htm?spm=0.0.0.0.4uTXxQ" _fcksavedurl="http://trade.taobao.com/trade/itemlist/list_bought_items.htm?spm=0.0.0.0.4uTXxQ">我的订单 |</a> <a style="color:#C1C1C1; cursor:pointer; line-height:20px; text-indent:0; background:none;" data-sharebtn="{skinType:2,type:'shop',key:'57988233',comment:'好店铺要分享',pic:'',client_id:68,isShowFriend:false}" class="sns-widget">分享店铺 |</a> <a style="color:#C1C1C1;" target="_blank" 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">收藏本店</a> </div> </div> </div>

（2）导航条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;}

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

（三）店招代码修改

本淘宝全屏店招模板含淘宝搜索框代码、店铺公告、店铺名称和分享店铺、收藏店铺功能，安装使用模板前，先编辑一下代码哦。

（1）修改店铺名称

代码中，搜索并查找“淘宝模板”，替换为自己店铺的名称

（2）修改店铺公告

代码中，将活动地址“http://www.taobao.com/?1”替换为店铺活动地址，并将公告内容“全场满200包邮，活动截至十月一号”替换为自己店铺的公告内容即可

（3）修改淘宝搜索框代码、分享店铺与收藏店铺的链接

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

说明：如果亲不知道自己店铺id的shopid是多少，请看教程：

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

详见：

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

 本黑色淘宝全屏店招模板代码与图片素材下载地址：