分享一份1920全屏唯美店招模板含淘宝导航条css代码，由页头背景图、950店招代码、淘宝导航条css代码构成。

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

（一）效果预览

（二）模板素材

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

<div style="width:950px; height:120px; margin:auto; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2NOCMXJVaXXXXXXXX-1770601599.gif) no-repeat;font-weight:normal; font-size:12px;"><div style="color:#FE8181;font-family:微软雅黑,黑体;font-size:40px;font-weight:600;text-align:center; display:block; padding-top:25px;">开网店130vip.com</div></div>

（2）淘宝导航条css代码

.skin-box-bd{ height:30px; line-height:30px; border:0; background:none;font-family:微软雅黑;font-size:14px;font-weight:bold;}.skin-box-bd .all-cats .link{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2vXCZXPRXXXXXXXXX-1770601599.gif) no-repeat; border:0; color:#fff;cursor:pointer;font-size:14px;height:30px;letter-spacing:1px;line-height:30px;width:110px}.skin-box-bd .all-cats:hover .link{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2vXCZXPRXXXXXXXXX-1770601599.gif) no-repeat scroll 0 -30px;color:#fff;font-size:14px;font-weight:bold;letter-spacing:1px}.skin-box-bd .all-cats .link .title{ margin-left:0;text-align:center;color:inherit; font-size:inherit;}.skin-box-bd .all-cats .link .popup-icon{background:none;}.skin-box-bd .all-cats:hover .link .popup-icon{background:none;}.skin-box-bd .menu-list{ background:none; width:auto;}.skin-box-bd .menu-list .link{background:none; border:0; color:#fe8b8b;cursor:pointer;font-size:14px;height:30px;letter-spacing:1px;line-height:30px}.skin-box-bd .menu-list .menu{ background:none; border:0;}.skin-box-bd .menu-list .menu:hover .link{background:none;color:#fff;font-size:14px;letter-spacing:1px}.skin-box-bd .menu-list .menu:hover .link .title{background:none;}.skin-box-bd .menu-list .menu:hover .link{background:#fea7a7}.popup-content{background:#fe9696;border:medium none;opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}.popup-content .cats-tree{margin:0}.popup-content .cats-tree .fst-cat{border-bottom:0 solid #fdd4d4;border-top:0 solid #fdd4d4;font-size:14px;height:28px;line-height:28px}.popup-content .cats-tree .fst-cat a,.skin-box-bd a{color:#fff;font-weight:normal}.popup-content .cats-tree .fst-cat a:hover{color:#fff;font-weight:bold;letter-spacing:1px}.popup-content .cats-tree .fst-cat .snd-pop-inner{background:#fe6d6d;border-top:0 solid #fdd4d4;font-size:14px;height:auto;padding:0}.popup-content .cats-tree .fst-cat .snd-pop-inner .snd-cat-hd{height:28px}.popup-content .cats-tree .fst-cat .snd-pop-inner .snd-cat-hd .snd-cat-icon{background:none;height:1px;margin:10px 0 0 5px;width:7px}.popup-content .cats-tree .fst-cat .snd-pop-inner .snd-cat-hd:hover .snd-cat-icon{background:none;height:1px;margin:10px 0 0 5px;width:7px}.popup-content .cats-tree .cat-hd:hover,.popup-content .cats-tree .cat-hd-hover,.popup-content .menu-popup-cats .sub-cat:hover a,.popup-content .menu-popup-cats .sub-cat-hover a{background-color:#fd5555}.popup-content .cats-tree .fst-cat .snd-pop-inner .snd-cat-hd .snd-cat-name{height:28px;margin-left:10px;overflow:hidden;width:120px}.popup-content .cats-tree .fst-cat .snd-pop-inner .snd-cat-hd:hover .snd-cat-name,.popup-content .cats-tree .cat-hd:hover .fst-cat-name,.popup-content .cats-tree .has-children:hover .fst-cat-name{color:#fcfe77}.popup-content .cats-tree .fst-cat .snd-pop-inner .snd-cat-hd:hover,.popup-content .cats-tree .cat-hd:hover,.popup-content .cats-tree .has-children:hover,.popup-content .menu-popup-cats .sub-cat-hover{background:#fd5555}.popup-content .menu-popup-cats .sub-cat-hover a{color:#fcfe77}.popup-content .cats-tree .fst-cat .has-children .fst-cat-icon{background:none;height:7px;margin:10px 6px 0 10px;width:7px}.popup-content .cats-tree .has-children:hover .fst-cat-icon{background:none;}.menu-list .link .popup-icon{background:none;height:6px;margin-left:5px;margin-top:12px;width:10px}.menu-list .menu-hover .link .popup-icon{background-position:0 -7px}.popup-content .cats-tree .fst-cat-icon{background:none;height:7px;margin:10px 6px 0 10px;width:7px}.popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background-position:0 0}.menu-list .menu-selected{background:#fee6da}.all-cats{ max-width:none; background:none;}.all-cats .link{ padding:0 10px;}.skin-box-bd .menu-list .menu .title{ color:inherit; font-size:inherit; font-weight:normal;}.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;}

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

（三）店招代码修改

（1）修改店铺名称

代码中，搜索并查找“开网店130vip.com”，替换为自己店铺的名称。

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

详见：淘宝全屏店招模板代码安装教程  ,设置店招高度120px。

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

文章来源：开网店官网