分享一份1920x150宽红色时尚淘宝全屏店招模板，该模板含淘宝店铺名称、旺旺在线客服、淘宝sns分享本店、淘宝收藏本店功能。模板素材含本淘宝全屏店招模板含店招代码（高度120）、导航条css代码、页头背景图。

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

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

（1）模板真实预览效果见： /uploadfile/201407/6/qpdz05.html

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

 

（二）模板素材

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

<div style=" width:950px; height:120px; margin:auto; text-align:left;font-weight:normal; font-weight:normal; font-size:12px; background:#fff url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2lcbzXNtaXXXXXXXX-1770601599.jpg) repeat-x;"> <div style=" width:300px; height:100px; float:left; margin:11px 0 0 21px; background: url(http://img.taobao.com/L1/142/411222606/modules/tshop-um-myf-dz-m01/assets/images/02.png) no-repeat;"> <div style="color:#000; font-family:微软雅黑; font-size:24px; font-weight:bold; display:block; padding:54px 0 0 59px;">鱼摆摆淘宝模板</div> </div> <div style=" border-left: 1px dashed #000; float:left; margin-top:30px; padding-left:15px; width:142px;"> <div style="display:block; line-height:20px; height:20px; color:#000; font-size:14px; font-weight:bolder;">分享本店</div> <div data-sharebtn="{skinType:2,type:'shop',key:'57988233',comment:'好店铺要分享',pic:'',client_id:68,isShowFriend:false}" class="sns-widget" style="float:left; height:16px; width:142px; cursor:pointer; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2VRLIXKtXXXXXXXXX-1770601599.png) no-repeat scroll 0 -73px;"></div> </div> <div class="mk-98-popup" style="float:right; height:80px; width:44px;"> <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="display:block; height:67px; width:44px; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2VRLIXKtXXXXXXXXX-1770601599.png) no-repeat;"></a> </div> <div style="display:none;" data-widget-type="Popup" data-widget-config="{ 'trigger':'.mk-98-popup','align':{'node':'.mk-98-popup','offset':[0,0],'points':['tl','tl']}}" class="J_TWidget" aria-disabled="false"> <div style="float:right; height:72px; width:44px;"> <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="display:block; height:72px; width:44px; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2VRLIXKtXXXXXXXXX-1770601599.png) no-repeat scroll -57px 0;"></a> </div> </div> <div style="height:92px;width:288px; float:right; margin-right:12px;"> <div style="width:59px;height:59px; float:right; margin:10px 15px 0 0;margin-top:10px;"> <a target="_blank" href="http://www.taobao.com/webww/ww.php?spm=0.0.0.0.CdVWmB&ver=3&touid=cecxiaohua&siteid=cntaobao&status=2&charset=utf-8" _fcksavedurl="http://www.taobao.com/webww/ww.php?spm=0.0.0.0.CdVWmB&ver=3&touid=cecxiaohua&siteid=cntaobao&status=2&charset=utf-8" style="display:block;height:59px;width:59px; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2wivFXOdXXXXXXXXX-1770601599.png) no-repeat;"></a> </div> </div> </div>

（2）淘宝导航条css代码

.skin-box-bd{border:0 none;height:30px; background:none;} .all-cats{position:relative; max-width:none; background:none;} .all-cats-popup{position:absolute} .popup-content .cats-tree{margin:0;} .popup-content .cats-tree .fst-cat{border-bottom:0 none; height:30px; line-height:30px;} .popup-content .cats-tree .fst-cat-name{color:#000; width:auto;} .popup-content .cats-tree .fst-cat-icon{background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2UPnEXSxXXXXXXXXX-1770601599.png) repeat;height:9px;width:6px; margin:12px 6px 0 15px; float:left; right:auto; position:inherit; top:auto;} .popup-content .cats-tree .snd-cat-icon{background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2UPnEXSxXXXXXXXXX-1770601599.png) repeat;height:9px;width:6px; display:block;} .all-cats .link .popup-icon{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2omfCXJdaXXXXXXXX-1770601599.png) no-repeat;height:15px;left:-10px;position:relative;width:15px; float:right; margin-top:8px;} .menu-list{height:100%;overflow:hidden;width:680px} .menu-list .menu-selected{background:none;} .popup-content .cats-tree .fst-cat:hover{background:#ababab;} .popup-content .cats-tree .snd-pop-inner{background:#fff; padding:0;} .skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a{ width:auto; padding:0; color:#303030;} .skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a:hover{color:#fff} .menu-list .menu{background:none;height:30px;overflow:hidden;} .menu-list .menu-hover{background:none;} .menu-list .menu-hover .link{background:none;} .menu-list .menu-selected .link{background:none;color:#fff;font-weight:400} .popup-content .cats-tree .fst-cat-hd{ height:30px; line-height:30px;} .popup-content .cats-tree .fst-cat-hd:hover{background:#e91454} .popup-content .cats-tree .snd-cat-hd{ height:30px; line-height:30px;} .popup-content .cats-tree .snd-cat-hd:hover{background:#e91454} .menu-list .link .title{white-space:nowrap} .menu-list .link{background:none;border-left:0 none;border-right:medium none;border-top:0 none;color:#fff;cursor:pointer;font-family:微软雅黑;font-size:14px;font-weight:bolder;height:30px;line-height:30px;padding:0 15px;text-align:center} .menu-list .link:hover{background:none;border-left:0 none;border-right:medium none;border-top:0 none;color:#eee;font-family:微软雅黑;font-size:14px;font-weight:bolder;line-height:30px;text-align:center} .popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2qSbFXHJXXXXXXXXX-1770601599.png) repeat;height:6px;margin:12px 6px 0 12px;width:9px} .popup-content{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:none repeat scroll 0 0 #fff; border:0; position:absolute;} .menu-popup-cats .sub-cat{border-bottom:0 none;height:26px;line-height:26px;overflow:hidden;text-indent:10px} .menu-popup-cats .sub-cat a{height:26px;overflow:hidden;width:180px} .all-cats .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2FR6HXGxXXXXXXXXX-1770601599.png) repeat;border-left:0 none;border-right:medium none;border-top:0 none;cursor:pointer;font-size:12px;height:30px;line-height:30px;overflow:hidden;padding:0; width:168px;} .all-cats .link .title{color:#fff;font-family:微软雅黑;font-size:14px;margin-left:14px} .menu-list .link .popup-icon{background:none;height:13px;margin-left:5px;margin-top:10px;width:13px} .menu-list .link .popup-icon:hover,.menu-list .menu-hover .link .popup-icon{background-position:-20px 0} .menu-popup-cats .sub-cat-hover{background:#e91454} .menu-popup-cats .sub-cat-hover a{color:#fff} .skin-box-bd .menu-list{ background:none;} .skin-box-bd .menu-list .menu{ border:0;} .skin-box-bd .menu-list .menu .title{ color:inherit; font-size:inherit;} .popup-content .cats-tree .cat-hd-hover .fst-cat-name{ color:#fff;} .skin-box-bd .popup-content .cats-tree .fst-cat .cat-name{ padding:0; position:inherit;} .popup-content .cats-tree .snd-cat-name{ height:30px; line-height:30px;} .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 73px 0 14px;}

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

（三）店招代码修改

本淘宝全屏店招模板含店铺名称和淘宝sns分享本店、收藏店铺、旺旺在线客服功能，安装使用模板前，先编辑一下代码哦。

（1）修改店铺名称

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

（2）修改旺旺在线客服

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

 （3）修改淘宝sns分享本店与收藏店铺的链接

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

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

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

详见：淘宝全屏店招模板安装教程

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

 本时尚红色淘宝全屏店招模板代码与图片素材下载地址：/uploadfile/201407/7/016544189.rar

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 yubaibai360@qq.com 举报，一经查实，本站将立刻删除。