1920x150全屏效果大红色淘宝店招模板含淘宝导航条css代码

来源：互联网
2024-05-08 21:44:06

分享一份大红色1920x150全屏淘宝店招模板，本淘宝模板含淘宝导航条css代码。模板简单，适合新手卖家使用哦。

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

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

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

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

（二）模板素材

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

<span class="footer-more-trigger sn-simple-logo" style="color: #FFEEAC; display: block; font-family: '微软雅黑'; font-size: 35px; height: 37px; left: 0; line-height:37px; padding: 0 0 0 153px; position: absolute; text-align: left; top: 33px; width:auto; border:0;">鱼摆摆免费模板

（2）淘宝导航条css代码

.skin-box-bd{background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/T2UR48XOVXXXXXXXXX-1770601599.jpg) no-repeat;border:medium none;height:30px}.menu-list .link{background:none;border:medium none;color:#000;cursor:pointer;font-weight:bold;height:30px;line-height:30px}.all-cats .link{background:none;border:medium none;color:#ad0101;cursor:pointer;font-weight:bold;height:30px;line-height:30px;padding-left:10px;width:146px}.all-cats{background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/T2sNp8XSxXXXXXXXXX-1770601599.png) no-repeat;padding-left:20px; max-width:none;}.menu-list{margin-left:0;padding:0 0 0 3px}.menu-list .menu-hover .link{background:none;color:#f0c723;font-weight:bold}.all-cats-hover .link{background:none;color:#f0c723;font-weight:bold}.menu-list .menu-selected .link{background:none;border:0; outline:none;}.menu-list .menu-selected{background:none}.menu-list .link span{color:#ffeeac;font-family:"微软雅黑";font-size:14px;font-weight:bold;padding-left:0;padding-right:0}.all-cats .link span{color:#d5011a;font-family:"微软雅黑";font-size:14px;font-weight:bold;padding-left:0;padding-right:0}.menu-list .menu-hover .link span{color:#fff;font-weight:bold;padding-left:0;padding-right:0}.all-cats-hover .link span{color:#d5011a;font-weight:bold;padding-left:0;padding-right:0}.all-cats .link .title{display:block;float:left;margin-left:0}.menu-list .link .popup-icon{background:url("#") no-repeat scroll -200px -8px;}.menu-list .menu-hover .link .popup-icon{background:url("#") no-repeat scroll -220px -8px;}.all-cats .link .popup-icon{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2wPt7XUBXXXXXXXXX-1770601599.gif) no-repeat scroll 3px -3px;height:15px;margin-right:16px;margin-top:10px;width:22px; float:right;}.all-cats-hover .link .popup-icon{background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/T2wPt7XUBXXXXXXXXX-1770601599.gif) no-repeat scroll 3px -3px;height:15px;margin-right:16px;margin-top:10px;width:22px}.popup-content .cats-tree .fst-cat,.popup-content .cats-tree .fst-cat-name,.popup-content .cats-tree .fst-cat-hd{height:26px;line-height:26px}.popup-content{background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/T2smX6XIVaXXXXXXXX-1770601599.gif) repeat;border:1px solid #ffeeac;margin-left:100px;margin-top:-60px}.popup-content .cats-tree .fst-cat-icon{background:none;margin:12px 6px 0 15px}.popup-content .cats-tree .fst-cat-icon:hover{background:none;margin:12px 6px 0 15px}.popup-content .cats-tree .cat-hd-hover,.popup-content .cats-tree .snd-pop-inner{background:none repeat scroll 0 0 #78000e;color:#ffeeac;height:auto}.popup-content .cats-tree .fst-cat-hd{border-bottom:0 solid #730700}.popup-content .cats-tree .fst-cat-hd a{color:#ffeeac;height:26px}.popup-content .cats-tree .fst-cat-hover{background:none repeat scroll 0 0 #ff7676;color:#5f5346;height:33px;width:199px}.popup-content .cats-tree .snd-cat-hd-hover{background:url("#") no-repeat scroll 0 -3px;color:#5f5346;height:33px;margin-bottom:0;padding-bottom:0;width:209px}.popup-content .cats-tree .snd-pop-inner{overflow:visible}.popup-content .cats-tree .snd-cat-name{color:#ffeeac; background:none;}.all-cats .link,.menu-list .link{font-weight:100;}.skin-box-bd a{color:#000;font-size:12px;font-weight:100}.skin-box-bd .menu-list{ width:auto; background:none;}.skin-box-bd .menu-list .menu{ background:none; border:0;}.skin-box-bd .menu-list .menu-selected .link .title{ background:none;}.menu-list .link{ padding:0 10px;}.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-right:50px;}

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

（三）店招代码修改

（1）修改店铺名称

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

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

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

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

1920x150全屏效果大红色淘宝店招模板下载地址：/uploadfile/201407/20/15377601.rar

Tags: 淘宝店招模板