唯美粉色淘宝全屏店招模板含导航条css代码淘宝

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

分享一份唯美粉色系鲜花背景的淘宝全屏店招模板，本淘宝装修模板含淘宝搜索框代码、淘宝店铺公告、店铺名称、我的订单、分享店铺、收藏店铺功能、店铺主营介绍、页头背景图、导航条css代码。

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

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

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

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

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

（二）模板素材

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

<div style=" width:950px; height:120px; margin:auto; text-align:left; position:relative;font-weight:normal; font-size:12px; background:#ffefe0 url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2HZEAXG0XXXXXXXXX-1770601599.jpg) no-repeat;"> <div style=" padding-left:345px; height:100px;"> <div style="width:370px; height:50px; line-height:50px; overflow:hidden; font-size:36px; color:#f69; font-family:微软雅黑,黑体; padding-top:15px;">淘宝模板</div> <div style="width:370px; height:20px; line-height:20px; overflow:hidden; letter-spacing:1px; color:#B14569;">主营：服装、鞋子、内衣、配饰...</div> </div> <div style=" width:300px; height:20px; overflow:hidden; background: url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2bCMyXFXXXXbfXXXXXXXXXXXX-1770601599.gif) no-repeat; padding-left:20px;"> <div data-widget-config="{'contentCls':'mk-103-dz','hasTriggers':false,'effect':'scrolly','easing':'easeBothStrong','interval':3,'duration':0.9}" data-widget-type="Slide" class="J_TWidget"> <ul class="mk-103-dz"> <li style="height:20px; line-height:20px; overflow: hidden;"> <a href="http://www.taobao.com/?1" _fcksavedurl="http://www.taobao.com/?1" target="_blank" style=" color:#000; text-decoration:none;">全场满200包邮，活动截止十月一号</a> </li> </ul> </div> </div> <div class=&<a href="/topic/150674">面膜化妆品品牌推广方案</a>quot;footer-more-trigger sn-simple-logo" style="width:auto; padding:0; border:0; left:auto; top:auto; line-height:inherit; width:210px; line-height:20px; position:absolute; left:auto; top:auto; border:0; padding:0; line-height:inherit; right:5px; bottom:5px;"> <div style=" width:205px; height:20px;"> <form target="_blank" name="SearchForm" method="post" action="http://shop57988233.taobao.com/search.htm"> <input type="hidden" value="" name="userId"> <input type="hidden" value="57988233" name="shopId"> <input type="hidden" value="" name="view_type"> <input type="hidden" value="" name="order_type"> <input type="hidden" value="y" name="search"> <input name="keyword" style=" border:1px solid #FFB3CC; height:18px; width:140px; padding:0 4px;"> <input type="submit" value=" " style=" width:50px; height:20px; background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2LNZxXPlXXXXXXXXX-1770601599.jpg) no-repeat; border:0; cursor:pointer; overflow:hidden;"> </form> </div> <div style=" height:20px; margin-top:5px;"> <a 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" style="width:65px;height:20px;line-height:20px;background:#FF6699;color:#fff; display:inline; float:left;letter-spacing:1px; margin-right:5px; overflow:hidden; text-align:center;">我的订单</a> <a data-sharebtn="{skinType:2,type:'shop',key:'57988233',comment:'好店铺要分享',pic:'',client_id:68,isShowFriend:false}" class="sns-widget" style="width:65px;height:20px;line-height:20px; text-indent:0; cursor:pointer; background:#FF6699;color:#fff; display:inline; float:left;letter-spacing:1px; margin-right:5px; overflow:hidden; text-align:center;">分享店铺</a> <a 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" style="width:65px;height:20px;line-height:20px;background:#FF6699;color:#fff; display:inline; float:left;letter-spacing:1px; margin-right:5px; overflow:hidden; text-align:center;">收藏本店</a> </div> </div> </div>

（2）导航条css代码

.skin-box-bd{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB23aZAXFXXXXX3XXXXXXXXXXXX-1770601599.jpg) repeat-x scroll 0 0 rgba(0,0,0,0);border:0 none;height:30px;overflow:hidden} .all-cats .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2LUkAXFdXXXXXXXXX-1770601599.jpg) no-repeat scroll right center rgba(0,0,0,0);border-left:medium none;border-right:medium none;border-top:medium none;color:#fff;cursor:pointer;display:block;font-weight:100;height:30px;line-height:30px;margin-left:4px;padding:0 10px;width:100px} .all-cats .link .popup-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2D4kyXKVXXXXXXXXX-1770601599.gif) no-repeat scroll 0 0 rgba(0,0,0,0);display:block;float:right;height:14px;margin-top:8px;width:15px} .all-cats-hover .link .popup-icon{background-position:0 -20px} .popup-content{background:none repeat scroll 0 0 #fff;border:medium none} .popup-content .cats-tree .cat-hd-hover{background:#f69; color:#fff;} .skin-box-bd a{color:#f69;font-weight:100;} .popup-content .cats-tree .snd-pop-inner{background:none repeat scroll 0 0 #f69;border:medium none;height:260px;overflow:auto;padding:10px 0;width:190px} .popup-content .cats-tree .fst-cat-icon{background:none repeat scroll 0 0 #f69;display:block;float:left;height:3px;margin:12px 6px 0 15px;overflow:hidden;width:3px} .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background:none repeat scroll 0 0 #fff} <a href="/topic/80079">企业网络营销现状微信</a>.popup-content .cats-tree .snd-cat-hd{borde<a href="/topic/59684">酒店怎样推广</a>r-bottom:1px dashed #fff} .popup-content .cats-tree a.snd-cat-name{color:#fff;font-weight:100} .popup-content .cats-tree a.snd-cat-name:hover{color:#fff;font-weight:700} .menu-list{width:820px} .menu-list .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2LUkAXFdXXXXXXXXX-1770601599.jpg) no-repeat scroll right center rgba(0,0,0,0);border-right:medium none;border-top:medium none;color:#fff;cursor:pointer;display:block;float:left;font-weight:100;height:30px;line-height:30px;padding:0 20px} .menu-list .menu-selected .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2LUkAXFdXXXXXXXXX-1770601599.jpg) no-repeat scroll right center #f69;color:#fff;font-weight:700} .menu-list .menu-hover .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2LUkAXFdXXXXXXXXX-1770601599.jpg) no-repeat scroll right center #f69;color:#fff} .menu-list .link .popup-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2D4kyXKVXXXXXXXXX-1770601599.gif) no-repeat scroll 0 0 rgba(0,0,0,0);display:block;float:left;height:14px;margin-left:12px;margin-top:8px;width:15px} .menu-list .menu-hover .link .popup-icon{background-position:0 -20px} .menu-popup-cats .sub-cat-hover{background:none repeat scroll 0 0 #f69} .menu-popup-cats .sub-cat-hover a:hover{color:#fff} .skin-box-bd .menu-list{ background:none;} .skin-box-bd .menu-list .menu{ background:none; border:0;} .all-cats{ background:none; max-width:none;} .skin-box-bd .menu-list .menu .title{ color:inherit; font-size:inherit;} .skin-box-bd .all-cats .link .title{ color:inherit;} .skin-box-bd .all-cats .title{ font-size:inherit;} .skin-box-bd .popup-content .cats-tree .fst-cat{ border:0;} .popup-content .cats-tree .snd-cat-hd-hover{ background:none;} .skin-box-bd .popup-content .cats-tree .cat-hd-hover a{ color:#fff;} .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 20px 0 10px;}

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

（三）店招代码修改

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

（1）修改店铺名称、店铺主营

代码中，搜索并查找“淘宝模板”，替换为自己店铺的名称。将“ 主营：服装、鞋子、内衣、配饰... ”

（2）修改店铺公告

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

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

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

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

详见：

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

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