分享一款红黑色皇冠淘宝全屏店招代码，尺寸为1920x150px，包含店铺公告、店铺名称、皇冠背景图、我的订单、分享店铺和收藏店铺功能。

本淘宝全屏店招模板含店招代码（高度120px）、导航条css代码和页头背景图，仅供淘宝专业版旺铺使用。

一、预览截图及代码：

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

<div style=" width:950px; height:120px; margin:auto; text-align:left; position:relative; background:#fbecd8 url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2L8VuXWXaXXXXXXXX-1770601599.gif) no-repeat;">    <div style=" height:90px;">        <div style=" width:270px; height:45px; line-height:45px; padding:43px 0 0 480px; font-family:arial,微软雅黑; font-size:30px; font-weight:700; color:#000; overflow:hidden;">开网店装修模板素材</div>    </div>    <div style=" width:300px; height:20px; overflow:hidden; padding-left:20px; margin-left:10px; background: url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2wS8vX8RXXXXXXXXX-1770601599.gif) no-repeat scroll 0 center;">        <div style="position: relative;" class="J_TWidget" data-widget-type="Slide" data-widget-config="{'contentCls':'mk-111-dz','hasTriggers':false,'effect':'scrolly','easing':'easeBothStrong','interval':3,'duration':0.9}">            <ul class="mk-111-dz">               <li style="height: 20px; line-height:20px;">    <a style=" color:#B5B5B7; text-decoration:none;" target="_blank" href="http://www.taobao.com/?1">全场满100包邮，活动截止五月一号</a></li>            </ul>        </div>    </div>    <div class="sn-simple-logo footer-more-trigger" style=" width:auto; line-height:20px; position:absolute; left:auto; top:auto; border:0; padding:0; line-height:inherit; right:10px; bottom:10px;">               <a style="width:50px; height:20px; line-height:20px; padding-top:30px; display:inline-block; margin-right:15px; overflow:hidden; color:#B5B5B6; background:url(http://img.taobao.com/L1/142/411394360/modules/tshop-um-fy_dz/assets/images/xba.gif) no-repeat; text-decoration:none;"  target="_blank" href="http://trade.taobao.com/trade/itemlist/list_bought_items.htm?spm=0.0.0.0.4uTXxQ">我的订单</a>               <a style="width:50px; height:20px; line-height:20px; padding-top:30px; display:inline-block; margin-right:15px; overflow:hidden; color:#B5B5B6; background:url(http://img.taobao.com/L1/142/411394360/modules/tshop-um-fy_dz/assets/images/xba.gif) no-repeat scroll -50px -30px; text-indent:0; text-decoration:none; cursor:pointer;" data-sharebtn="{skinType:2,type:'shop',key:'57988233',comment:'好店铺要分享',pic:'',client_id:68,isShowFriend:false}" class="sns-widget">分享店铺</a>               <a style="width:50px; height:20px; line-height:20px; padding-top:30px; display:inline-block; overflow:hidden; color:#B5B5B6; background:url(http://img.taobao.com/L1/142/411394360/modules/tshop-um-fy_dz/assets/images/xba.gif) no-repeat scroll -100px -60px; text-decoration:none;"  target="_blank" href="http://favorite.taobao.com/popup/add_collection.htm?id=57988233&itemtype=0">收藏本店</a>          </div></div> 

（2）导航条css代码

.menu-list .menu-selected .link{background:none;}.menu-list .menu-selected{background:none;}.skin-box-bd{ background:#000; border-bottom:0;height:30px;line-height:30px}.all-cats .link{ background:#bf0007; border:0;height:30px;line-height:30px;padding:0 10px;position:relative;text-align:center;width:90px}.all-cats .link span.title{color:#fff;cursor:pointer;font-size:12px;margin:0;padding-left:8px}.all-cats .link:hover span.title{color:#fff}.all-cats .link .popup-icon{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2TtFwXWXaXXXXXXXX-1770601599.gif) no-repeat scroll center center;display:inline;float:left;height:20px;margin-left:2px;margin-top:7px;width:20px}.menu-list .menu .link .popup-icon{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2TtFwXWXaXXXXXXXX-1770601599.gif) no-repeat scroll center center;display:none;height:20px;margin-left:2px;margin-top:7px;width:20px}.all-cats-hover .link .popup-icon,.menu-list .menu-hover .link .popup-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T247BwX.NXXXXXXXXX-1770601599.gif) no-repeat scroll center center;}.menu-list{width:auto}.menu-list .menu{background-image:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2H5hvXWRaXXXXXXXX-1770601599.jpg);background-position:right center;background-repeat:no-repeat;border:medium none;font-weight:normal;height:30px;line-height:30px;padding-right:2px}.menu-list .link{background:none;border:medium none;height:30px;line-height:30px;padding:0 20px;position:relative}.menu-list .menu-hover .link{background:#bf0007}.menu-list .menu .link .title,.menu-list .link .title{color:#fff;font-size:12px;font-weight:normal}.menu-list .menu-hover .link .title{color:#fff}.all-cats-popup{background:none;border:medium none;opacity:1;width:188px}.popup-content .cats-tree{border:medium none;margin:0}.popup-content .cats-tree .fst-cat{ width:188px; height:auto; border-color:#bf0007; background:#BF0007; float:left;}.popup-content .cats-tree .cat-hd-hover{background:#b9976e}.popup-content .cats-tree .fst-cat-hd .fst-cat-name{color:#fff;display:inline-block;float:left;font-weight:normal;height:auto;width:auto}.popup-content .cats-tree .cat-hd-hover .fst-cat-name{color:#fff}.popup-content .cats-tree .fst-cat-icon{background:#fff;float:left;height:6px;margin:11px 5px 0;width:6px; position:inherit; right:inherit; top:inherit;}.popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background:#fff}.popup-content .cats-tree .snd-pop-inner{background:#b9976e;border:medium none;height:auto;opacity:1;padding:0;width:188px}.popup-content .cats-tree .snd-pop-inner .fst-cat-bd{border:medium none}.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd{border-bottom:1px solid #c9a77e;min-height:28px}.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover{background:#fff}.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-name{color:#fff;display:inline-block;float:left;font-weight:normal;min-height:28px;overflow:visible;text-align:left;width:auto}.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-name{color:#bf0007}.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd .snd-cat-icon{background:#fff;float:left;height:6px;margin:11px 5px 0;width:6px}.popup-content .cats-tree .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-icon{background:#bf0007}.menu-popup-cats{border:medium none; padding:0;}.popup-content{background:none;border:medium none;opacity:1;width:188px}.menu-popup-cats .sub-cat{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:#bf0007;border-color:-moz-use-text-color -moz-use-text-color #d81621;border-image:none;border-style:none none solid;border-width:medium medium 1px;float:left;width:188px}.menu-popup-cats .sub-cat-hover{background:#b9976e}.menu-popup-cats .sub-cat a{color:#fff;padding-left:10px;text-align:left}.menu-popup-cats .sub-cat-hover a{color:#fff}.tb-shop-popup-content .popup-content{width:188px}.skin-box-bd .menu-list{ background:none;}.skin-box-bd .menu-list .menu{ background-color:inherit;}.popup-content .cats-tree .snd-cat-icon{ display:block;}.skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a{ padding:0;}.skin-box-bd .popup-content .cats-tree .fst-cat .cat-name{ padding:0;}.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 10px; padding:0;}

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

二、店招代码的修改

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

（1）修改店铺名称

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

（2）修改店铺公告

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

（3）修改分享店铺与收藏店铺的链接

在代码中使用查找功能，找到“57988233”这个数字，将其替换为自己的店铺id（shopid）。

说明：如果您不知道自己店铺的shopid是多少，请看教程： 如何获取淘宝shopid及淘宝店铺域名修改设置

三、点此查看淘宝全屏店招模板代码安装教程

新手不会使用？请点此查看淘宝店招如何设置 淘宝店招尺寸是多少

文章来源：开网店官网