这是一个黑色神秘时尚潮流日韩欧美大牌通用免费店铺装修淘宝全屏店招模板代码模板:装修出来绝对是全屏店招喔
适合店铺:淘宝店铺专业版
风格:黑色大气时尚
店招尺寸:1920x120px
淘宝店铺装修专业版背景教程请点这里
整体效果图:
代码使用方法:
1.先把店招代码复制到店招自定义里面,注意要在代码模式下粘贴喔!店招高度设置120;
<div style="width:950px; height:120px;color:#000;overflow:hidden; margin:auto;font-weight:normal; font-size:12px; background:#fff url(https://img.alicdn.com/imgextra/i2/11193727/TB2atlNdFXXXXbZXpXXXXXXXXXX-11193727.jpg) no-repeat"> <div style="overflow:hidden;text-align:center; height:110px;"> <span style="display:block;"> <a href="https://shop102631475.taobao.com" style="width: 660px;font-size: 38px;text-align: center;top: 13px;left: 125px;background: none;color: #000;font-family: 微软雅黑; font-weight: normal; line-height:110px;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:30px;}.skin-box-bd{text-align:left;background-color:#000000;}.menu-list .menu-hover{background-color:#1c1c1c;}.menu-list .link{padding:0 20px;}.menu-list .menu .link .title{color:#ffffff;height:30px;line-height:30px;font-size:13px;}.menu-list .menu-hover .link .title{color:#ffffff;}.link .title{font-family:微软雅黑;}.menu-list .menu .link .popup-icon{border:4px solid #000000;border-top-color:#ffffff;margin-left:10px;margin-top:13px;font-size:0;width:0;height:0;display:block;_display:inline;overflow:hidden;}.menu-list .menu-hover .link .popup-icon{border-color: #1c1c1c;border-top-color:#ffffff;}.all-cats{background-color:#000000;}.all-cats-hover{background-color:#1c1c1c;}.all-cats .link{padding:0 20px;width:80px;background:none;border:none;height:30px;line-height:30px;}.all-cats .link .title{color:#ffffff;height:30px;line-height:30px;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:830px;}.all-cats .link .popup-icon{border:5px solid #000000;border-top-color:#ffffff;margin:12.5px 0px 0 0;float:right;font-size:0;width:0;height:0;display:block;_display:inline;overflow:hidden;}.all-cats-hover .link .popup-icon{border-color: #1c1c1c;border-top-color:#ffffff;}.all-cats-popup{background-color:#000000;text-align:left;width:180px;}.all-cats-popup .cats-tree .cat-hd-hover{background-color:#383838;}.all-cats-popup .cats-tree .snd-pop-inner{_background:none;background:#383838;}.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:4px solid #000000;border-left-color:#ffffff;margin-right:8px;margin-top:11px;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:#383838;border-left-color:#ffffff;}.menu-popup-cats{background-color:#000000;width:150px;}.menu-popup-cats .sub-cat-hover{background-color:#1c1c1c;}.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;}
3.页头背景设置(背景显示:平铺; 背景对齐:居中),自己把下面的图片下载到你的电脑上,把这张图片做为页面头背景
飞蚂蚁模板网版权5