这是一个黑白红品质汽车用品数码车饰通用免费店铺装修免费全屏店招模板代码:装修出来绝对是全屏店招喔
适合店铺:淘宝店铺专业版
风格:黑红色大气时尚
店招尺寸:1920x115px
淘宝店铺装修专业版背景教程请点这里
整体效果图:
代码使用方法:
1.先把店招代码复制到店招自定义里面,注意要在代码模式下粘贴喔!店招高度设置115;
<div style="width:950px; height:115px;color:#fff;overflow:hidden; margin:auto;font-weight:normal; font-size:12px; background:#fff url(https://img.alicdn.com/imgextra/i1/11193727/TB2g_0PdFXXXXbzXpXXXXXXXXXX-11193727.jpg) no-repeat -485px 0"> <div style="overflow:hidden;text-align:left; height:110px; padding-left:253px;"> <span style="display:block;"> <a href="https://shop67817130.taobao.com" style="width: 660px;font-size: 28px;text-align: center;top: 13px;left: 125px;background: none;color: #fff;font-family: 微软雅黑; font-weight: normal; line-height:88px;text-decoration:none;">魅色情趣商城</a> </span> </div> </div>
2.把导航代码复制到导航显示里面
.skin-box-bd,.menu-list .menu{background:none;font-size:0;line-height:0;border:none;margin:0;padding:0;overflow:hidden;}.skin-box-bd .all-cats{_width:auto;max-width:none;height:auto;margin:0;float:none;display:inline-block;*display:inline;*zoom:1;vertical-align:top;}.menu-list{background:none;width:auto;height:auto;float:none;display:inline-block;*display:inline;*zoom:1;vertical-align:top;}.menu-list .link,.menu-list .menu-selected .title,.menu-list .menu-hover .link,.popup-content,.all-cats-popup .snd-pop .snd-cat-hd-hover{background:none}.all-cats-popup .popup-content{width:100%}.all-cats-popup .snd-pop .snd-cat-hd-hover a{text-decoration:underline;padding-left:17px}.all-cats .link .popup-icon,.menu-list .menu .link .popup-icon,.all-cats-popup .has-children .fst-cat-icon{display:none;background:none;}.all-cats-popup .cats-tree .fst-cat{height:auto;border:none;float:none;width:auto;_zoom:1;}.title{font-size:12px;font-weight:normal;margin:0}.menu-list .link,.popup-content{border:none;font-size:12px}.cats-tree{margin:0;padding:0;background:none;}.cats-tree h4{height:auto;font-weight:normal;background:none;}.cats-tree h4:after{height:0;overflow:hidden;}.fst-cat-icon,.snd-cat-icon{background:none;margin:0;display:none}.snd-cat-hd a{padding-left:15px}.skin-box-bd,.menu-list .menu{height:35px;}.skin-box-bd{text-align:left;background-color:#000000;background-image:url(http://img.alicdn.com/imgextra/i1/11193727/TB2TDpRdFXXXXbtXpXXXXXXXXXX-11193727.gif);background-repeat:repeat-x;background-position:50% 0px;}.menu-list .menu-hover{background-color:#1c1c1c;}.menu-list .link{padding:0 20px;}.menu-list .menu .link .title{color:#ffffff;height:35px;line-height:35px;font-size:13px;}.menu-list .menu-hover .link .title{color:#ffffff;}.link .title{font-family:微软雅黑;}.all-cats{background-color:#000000;background-image:url(http://img.alicdn.com/imgextra/i1/11193727/TB2TDpRdFXXXXbtXpXXXXXXXXXX-11193727.gif);background-repeat:repeat-x;background-position:0px 0px;}.all-cats-hover{background-color:#1c1c1c;background-image:none;background-repeat:[2];background-position:[3];}.all-cats .link{padding:0 20px;width:120px;background:none;border:none;height:35px;line-height:35px;}.all-cats .link .title{color:#ffffff;height:35px;line-height:35px;font-family:微软雅黑;font-size:13px;font-style:normal;font-weight:bold;text-decoration:none;}.all-cats-hover .link .title{color:#ffffff;font-style:normal;font-weight:bold;text-decoration:none;}.menu-list{width:790px;}.all-cats-popup{background-color:#000000;text-align:left;width:180px;}.all-cats-popup .cats-tree .cat-hd-hover{background-color:#910000;}.all-cats-popup .cats-tree .snd-pop-inner{_background:none;background:#910000;}.all-cats-popup .cats-tree .fst-cat .fst-cat-hd .cat-name{color:#ffffff;width:75%;padding-left:20px;}.all-cats-popup .cats-tree .cat-hd-hover .fst-cat-hd .cat-name{color:#ffffff;}.all-cats-popup .snd-pop .snd-cat-hd a{color:#ffffff;}.all-cats-popup .snd-pop .snd-cat-hd-hover{background:none;}.all-cats-popup .cat-hd a{font-family:微软雅黑;height:30px;line-height:30px;position:static;}.all-cats-popup .has-children .fst-cat-icon{border:3px solid #000000;border-left-color:#ffffff;margin-right:10px;margin-top:12px;position:static;font-size:0;width:0;height:0;overflow:hidden;display:block;_display:inline;float:right;}.all-cats-popup .cat-hd-hover .fst-cat-icon{border-color:#910000;border-left-color:#ffffff;}.menu-popup-cats{background-color:#000000;width:150px;}.menu-popup-cats .sub-cat-hover{background-color:#910000;}.menu-popup-cats .sub-cat a{color:#ffffff;width:auto;height:auto;font-family:微软雅黑;}.menu-popup-cats .sub-cat-hover a{color:#ffffff;}.menu-popup-cats .sub-cat{height:30px;line-height:30px;width:auto;}.all-cats .link .popup-icon{background-image:url(http://img.alicdn.com/imgextra/i4/11193727/TB2ebxPdFXXXXbTXpXXXXXXXXXX-11193727.png);background-repeat:no-repeat;background-position:0px 0px;margin:9.5px 0px 0 auto;font-size:0;float:right;line-height:0;width:16px;height:16px;display:block;_display:inline;overflow:hidden;}
3.页头背景设置(背景显示:平铺; 背景对齐:居中),自己把下面的图片下载到你的电脑上,把这张图片做为页面头背景