分享一款1920红色动态全屏店招专业版模板代码，尺寸为1920x150，仅淘宝专业版旺铺可以使用。

（一）效果预览

（二）模板素材

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

<div style="width:950px; height:120px; margin:auto; text-align:left; font-weight:normal; font-size:12px; background:#fff url(<a href="http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2set3XXXXXXcFaXXXXXXXXXXX-1770601599.gif" _fcksavedurl="http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2set3XXXXXXcFaXXXXXXXXXXX-1770601599.gif">http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2set3XXXXXXcFaXXXXXXXXXXX-1770601599.gif</a>) no-repeat;"> <h2 style=" padding:32px 0 0 380px; color:#ff9; font-family:微软雅黑,黑体; font-size:40px; font-weight:800; letter-spacing:2px; text-shadow:1px 1px #1c3500;">开网店淘宝模板</h2></div>

（2）导航条css代码

a:hover{text-decoration:none}.popup-content{background:#b90b3a; border:medium none; opacity:0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}.popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -129px;}.popup-content .cats-tree .fst-cat-icon{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -129px;height:13px;margin:10px 5px 2px;width:13px}.popup-content .cats-tree .fst-cat-name{color:#fff;display:block}.popup-content .cats-tree .cat-hd-hover{background:#ff9}.popup-content .cats-tree .cat-hd-hover .fst-cat-name{color:#900}.popup-content .cats-tree .snd-pop-inner{background:#ff9}.popup-content .cats-tree .snd-pop-inner a{color:#900}.popup-content .cats-tree .snd-pop-inner a:hover{ color:#900;}.skin-box-bd{background:none;border:medium none;height:30px}.all-cats{cursor:pointer;float:left}.all-cats .link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif) no-repeat;border-left:0 solid #b1c8d7;border-right:0 solid #bb4d40;border-top:0 solid #b1c8d7;display:block;font-size:13px;font-weight:700;height:30px;letter-spacing:2px;line-height:34px;width:158px; padding:0 10px;}.all-cats .link .title{color:#fafafa;display:none;float:left}.all-cats .link .popup-icon{display:none}.all-cats-hover .link{border-right:0 solid #bb4d40}.menu-list{float:left;height:30px;overflow:hidden;width:700px}.menu-list .menu{cursor:pointer;float:left;margin-right:0}.menu-list .link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -72px;border-left:0 solid #b1c8d7;border-right:0 solid #000;border-top:0 solid #b1c8d7;color:#fcc;cursor:pointer;display:block;float:left;font-family:微软雅黑,黑体;font-size:15px;font-weight:800;height:30px;letter-spacing:3px;line-height:34px;padding:0 20px;text-shadow:1px 1px #1c3500}.menu-list .link .popup-icon{display:none}.menu-list .menu-selected{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2XOidX7RXXXXXXXXX-1770601599.gif) repeat-x scroll 0 -40px #000}.menu-list .menu-selected .link{background:#333;border:medium none;color:#ccc}.menu-list .menu-hover .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2ii1bX0taXXXXXXXX-1770601599.png) no-repeat scroll 0 -34px #333}.menu-list .menu-hover .link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2ZNedX7NXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -72px;color:#fff;cursor:pointer}.menu-list .menu-hover .link .popup-icon{background-position:-5px 0}.menu-list .menu-selected a span{background:none;color:#fff}.menu-list .menu-selected{background:none;text-decoration:none}.menu-list .menu-selected .link,.menu-list .menu-selected .a{background:none;color:#fff;text-align:center}.menu-list .menu-selected:hover .link,.menu-list:hover .menu-selected .a{background:none;color:#fff;text-align:center}.menu-popup-cats .sub-cat a{color:#fff}.menu-popup-cats .sub-cat-hover{background:#ff9}.menu-popup-cats .sub-cat-hover a{color:#900}.all-cats{ max-width:none; background:none;}.skin-box-bd .menu-list{ background:none;}.skin-box-bd .menu-list .menu{ background:none; border:0;}.skin-box-bd .menu-list .menu .title{ font-size:inherit; color:inherit; font-weight:inherit; height:auto; line-height:inherit;}.all-cats-popup{ width:188px;}.popup-content .cats-tree .fst-cat{ height:28px; line-height:28px;}.popup-content .cats-tree .fst-cat-hd{ height:28px; line-height:28px;}.skin-box-bd .popup-content .cats-tree .fst-cat{ width:auto;}.popup-content .cats-tree .fst-cat-icon{ position:inherit; right:auto; top:auto;}.skin-box-bd .popup-content .cats-tree .fst-cat .cat-name{ padding:0; font-weight:inherit; height:28px; line-height:28px; border:0;}.popup-content .cats-tree .snd-cat-hd-hover{ background:none;}.popup-content .cats-tree .snd-cat-hd{ height:28px; line-height:28px;}.popup-content .cats-tree .snd-cat-icon{ display:block;}.skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a{ width:140px; padding:0; font-weight:inherit;}.skin-box-bd{ background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2bLSbXZNaXXXXXXXX-1770601599.jpg) repeat-x scroll 0 -120px;}.skin-box-bd a{ text-decoration:none;}.skin-box-bd .popup-content .popup-inner .cats-tree h4.fst-cat-hd i{ display:block;}.skin-box-bd .popup-content .popup-inner .cats-tree h4.fst-cat-hd a.fst-cat-name{ width:160px;}.skin-box-bd .popup-content .popup-inner .cats-tree .snd-pop .snd-pop-inner{ width:190px;}.skin-box-bd .popup-content .cats-tree .fst-cat .cat-name:hover{ background:none;} 

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

将素材右键另存为即可使用。

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

文章来源：开网店官网