从今天开始，每日分享淘宝全屏店招模板代码。这份淘宝全屏店招尺寸为1920x150，模板特点：红色闪亮炫酷。由于模板本身的设计，店招导航条上适合放4-5个分类或者导航链接。

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

本淘宝全屏店招仅淘宝专业版旺铺可以使用哦。改模板红色背景，比较通用，大多数淘宝店铺均可以安装使用的。

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

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

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

（二）模板素材

（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）页头背景图：横向平铺+居中对齐

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

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

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

 本淘宝全屏店招模板代码与图片素材下载地址：/uploadfile/201407/5/85744689.rar

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