淡雅蓝色格调清新唯美模板-x48_有用模板网_淘宝店铺装修免费模板

模板介绍

模板介绍：今天分享的一款淡雅蓝色格调专业版模板，模板中拥有全屏海报模块！

下载方式:无需下载！直接复制下面代码或者下载图片根据教程安装即可！

适用店铺：淘宝旺铺专业版

模板行业：行业通用
模板颜色：淡雅蓝色格调

默认模板：简约时尚官方模板【如何设置官方默认模板】
不会安装：本站提供所有装修教程【淘宝装修教程汇总】

模板效果图：

1、店招自定义代码：【使用方法:右键全选复制代码】

<table border="0" cellpadding="0" cellspacing="0" background="http://img01.taobaocdn.com/imgextra/i1/1640026267/TB2CS5dapXXXXbhXXXXXXXXXXXX-1640026267.gif" height="120" width="950"> <tbody> <tr> <td width="950"> <div style="width:500px;padding-top:20px;padding-bottom:30px;padding-left:200px;text-align:center;"> 有用模板网 </div> </td> </tr> </tbody> </table>

1-2、店招图片：【如果不想使用自定义代码可以下载店招图片使用】

2、导航css代码：【使用方法:右键全选复制代码】

.skin-box-bd{background-image:url(http://img01.taobaocdn.com/imgextra/i1/1640026267/TB2CS5dapXXXXbhXXXXXXXXXXXX-1640026267.gif);background-repeat:no-repeat;background-color:transparent;height:30px;background-position:left bottom;}.skin-box-bd .menu-list .menu .link{background-image:none;background-color:transparent;}.skin-box-bd .menu-list{background-image:none;background-color:transparent;height:30px;border:0px none #666;}.skin-box-bd .menu-list .menu{border:0px;background-image:none;background-color:transparent;}.skin-box-bd .menu-list .menu-selected .link{background-image:none;background-color:transparent;}.skin-box-bd .menu-list .menu-selected .link .title{color:#000000;background-image:none;background-color:transparent;}.skin-box-bd .menu-list .menu .link:hover{background-image:none;background-attachment:scroll;background-repeat:no-repeat;background-position:0px 0px;}.skin-box-bd .menu-list .menu .link .title{color:#000000;font-size:13px;font-weight:700;height:30px;line-height:30px;}.skin-box-bd .menu-list .menu .link .title:hover{text-decoration:underline;}.all-cats{padding:0px;background-color:transparent;height:30px;max-width:111px;}.all-cats .link{border-right:none;background-image:none;width:100px;background-color:transparent;}.all-cats .link:hover{background-image:none;background-attachment:scroll;background-repeat:no-repeat;background-position:0px 0px;}.all-cats .link .title{color:#000000;font-size:13px;font-weight:700;background-color:transparent;}.all-cats .link .title:hover{text-decoration:underline;}.skin-box-bd .all-cats .link .popup-icon{float:left;width:10px;height:9px;background-attachment:scroll;background-color:transparent;background-image:url(http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2cwuSXVXXXXa_XpXXXXXXXXXX-1640026267.gif);background-repeat:no-repeat;background-position:0px 0px;margin-left:5px;}.skin-box-bd .all-cats-popup{width:180px;}.skin-box-bd .popup-content{background-attachment:scroll;background-color:#121212;opacity:1;background-image:none;background-repeat:repeat;background-position:0% 0%;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#666;border-right-color:#666;border-bottom-color:#666;border-left-color:#666;}.skin-box-bd .popup-content .cats-tree .cat-hd-hover{background-color:#121212;}.skin-box-bd .popup-content .cats-tree .fst-cat{float:left;height:30px;width:180px;border:0px none #D6D6D6;}.skin-box-bd .popup-content .cats-tree .fst-cat .cat-name{height:30px;color:#FFFFFF;text-decoration:none;padding-left:20px;line-height:30px;font-weight:400;}.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-name{color:#FFFFFF;font-weight:700;text-decoration:underline;}.skin-box-bd .popup-content .cats-tree .fst-cat-hd:hover{background-color:#333333;}.popup-content .cats-tree .snd-cat-hd:hover{background-color:#333333;}.skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a{color:#FFFFFF;padding-left:15px;}.skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a:hover{font-weight:700;text-decoration:underline;}.popup-content .cats-tree .snd-pop-inner{width:150px;height:100%;background-color:#121212;opacity:1;padding-top:10px;padding-right:0px;padding-bottom:10px;margin-left:0px;background-image:none;}.menu-popup-cats .sub-cat .cat-name{color:#FFFFFF;padding-left:10px;}.menu-popup-cats .sub-cat .cat-name:hover{text-decoration:underline;font-weight:700;}.menu-popup-cats .sub-cat a{height:30px;display:block;overflow:hidden;width:180px;background-color:#121212;}.popup-content .cats-tree .has-children .fst-cat-icon{display:none;width:3px;height:3px;left:8px;background-attachment:scroll;background-color:#999;background-image:none;background-repeat:no-repeat;background-position:0% 0%;margin-top:15px;margin-right:0px;margin-bottom:0px;margin-left:0px;}.popup-content .cats-tree .cat-hd-hover .has-children .fst-cat-icon{background-attachment:scroll;background-color:#FFFFFF;background-image:none;background-repeat:no-repeat;background-position:0% 0%;}.skin-box-bd .menu-list .menu .link .popup-icon{height:8px;width:9px;background:url(http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2cwuSXVXXXXa_XpXXXXXXXXXX-1640026267.gif) no-repeat scroll 0% 0% transparent;margin-left:10px;float:left;margin-top:11px;display:inline-block;}.all-cats .link{height:30px;line-height:30px;border-width:0px 0px 0px 0px;}

3、全屏海报代码：【使用方法:同上】

4、950店铺公告模板：【使用方法:右键全选复制】

5、950自定义展示商品推荐代码：【使用方法:同上】

<table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" height="100%" width="950"> <tbody> <tr> <td> <table border="0" cellpadding="0" cellspacing="0" background="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB2B0CfapXXXXXuXXXXXXXXXXXX-1640026267.gif" height="100" width="950"> <tbody> <tr> <td width="1"> </td> <td> <div style="width:500px;padding-top:10px;padding-bottom:0px;padding-left:220px;text-align:center;"> 热卖推荐 </div> </td> </tr> </tbody> </table> <table style="margin-top:15px;" border="0" cellpadding="0" cellspacing="0" width="950"> <tbody> <tr> <td style="border:0px dashed #9282CD;" width="310"> <img src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB28JuTXVXXXXcNXXXXXXXXXXXX-1640026267.jpg" data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB28JuTXVXXXXcNXXXXXXXXXXXX-1640026267.jpg" style="height:310px;width:310px;" /> </td> <td width="30"> </td> <td style="border:0px dashed #9282CD;" width="310"> <img src="http://img01.taobaocdn.com/imgextra/i1/1640026267/TB2hAOTXVXXXXahXXXXXXXXXXXX-1640026267.jpg" data-cke-saved-src="http://img01.taobaocdn.com/imgextra/i1/1640026267/TB2hAOTXVXXXXahXXXXXXXXXXXX-1640026267.jpg" style="height:310px;width:310px;" /> </td> <td width="30"> </td> <td style="border:0px dashed #9282CD;" width="310"> <img src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB29kSTXVXXXXabXXXXXXXXXXXX-1640026267.jpg" data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB29kSTXVXXXXabXXXXXXXXXXXX-1640026267.jpg" style="height:310px;width:310px;" /> </td> </tr> <tr> <td align="center" height="45"> 手动输入您的商品名称更多免费模板请登录www.yymoban.com（310*310） </td> <td align="center"> </td> <td align="center"> 手动输入您的商品名称更多免费模板请登录www.yymoban.com（310*310） </td> <td align="center"> </td> <td align="center"> 手动输入您的商品名称更多免费模板请登录www.yymoban.com（310*310） </td> </tr> <tr> <td style="border-top:#CCCCCC 0px dashed;border-right:#000000 0px dashed;border-bottom:#000000 0px dashed;border-left:#000000 0px dashed;" align="center" height="35"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" alt="" />￥9898.00 </td> <td align="center"> </td> <td style="border-top:#CCCCCC 0px dashed;border-right:#000000 0px dashed;border-bottom:#000000 0px dashed;border-left:#000000 0px dashed;" align="center"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" alt="" />￥9898.00 </td> <td align="center"> </td> <td style="border-top:#CCCCCC 0px dashed;border-right:#000000 0px dashed;border-bottom:#000000 0px dashed;border-left:#000000 0px dashed;" align="center"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" alt="" />￥9898.00 </td> </tr> </tbody> </table> <table style="margin-top:10px;" border="0" cellpadding="0" cellspacing="0" width="950"> <tbody> <tr> <td style="border:0px dashed #9282CD;" width="310"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2qe9TXVXXXXcfXXXXXXXXXXXX-1640026267.jpg" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2qe9TXVXXXXcfXXXXXXXXXXXX-1640026267.jpg" style="height:310px;width:310px;" /> </td> <td width="30"> </td> <td style="border:0px dashed #9282CD;" width="310"> <img src="http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2NCGSXVXXXXaIXpXXXXXXXXXX-1640026267.jpg" data-cke-saved-src="http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2NCGSXVXXXXaIXpXXXXXXXXXX-1640026267.jpg" style="height:310px;width:310px;" /> </td> <td width="30"> </td> <td style="border:0px dashed #9282CD;" width="310"> <img src="http://img01.taobaocdn.com/imgextra/i1/1640026267/TB2vOSTXVXXXXa_XXXXXXXXXXXX-1640026267.jpg" data-cke-saved-src="http://img01.taobaocdn.com/imgextra/i1/1640026267/TB2vOSTXVXXXXa_XXXXXXXXXXXX-1640026267.jpg" style="height:310px;width:310px;" /> </td> </tr> <tr> <td align="center" height="45"> 手动输入您的商品名称更多免费模板请登录www.yymoban.com（310*310） </td> <td align="center"> </td> <td align="center"> 手动输入您的商品名称更多免费模板请登录www.yymoban.com（310*310） </td> <td align="center"> </td> <td align="center"> 手动输入您的商品名称更多免费模板请登录www.yymoban.com（310*310） </td> </tr> <tr> <td style="border-top:#CCCCCC 0px dashed;border-right:#000000 0px dashed;border-bottom:#000000 0px dashed;border-left:#000000 0px dashed;" align="center" height="35"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" alt="" />￥9898.00 </td> <td align="center"> </td> <td style="border-top:#CCCCCC 0px dashed;border-right:#000000 0px dashed;border-bottom:#000000 0px dashed;border-left:#000000 0px dashed;" align="center"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" alt="" />￥9898.00 </td> <td align="center"> </td> <td style="border-top:#CCCCCC 0px dashed;border-right:#000000 0px dashed;border-bottom:#000000 0px dashed;border-left:#000000 0px dashed;" align="center"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2ZTidapXXXXaUXXXXXXXXXXXX-1640026267.gif" alt="" />￥9898.00 </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

6、页尾代码：【使用方法:同上】

<table border="0" cellpadding="0" cellspacing="0" background="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB2B0CfapXXXXXuXXXXXXXXXXXX-1640026267.gif" height="100" width="950"> <tbody> <tr> <td width="1"> </td> <td> <div style="width:500px;padding-top:10px;padding-bottom:0px;padding-left:220px;text-align:center;"> 诚信商家 </div> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" width="950"> <tbody> <tr> <td> <table style="font-size:12px;" border="0" cellpadding="0" cellspacing="0" align="center" height="50" width="950"> <tbody> <tr> <td style="border-width:0px 1px 1px;border-style:solid;border-color:#CCCCCC;" align="center" bgcolor="#ffffff" height="50" valign="center"> <table border="0" cellpadding="0" cellspacing="0" height="127" width="930"> <tbody> <tr> <td align="left" height="45" width="222"> 售后保障 </td> <td align="left" height="45" width="222"> 关于快递 </td> <td align="left" height="45" width="222"> 色差说明 </td> <td align="left" height="45" width="258"> 工作时间 </td> </tr> <tr> <td align="left" height="82" valign="top" width="222"> 本店售出宝贝，非质量问题的退 货，接收宝贝七天内联系，如是 质量问题运费本店承担 </td> <td align="left" height="82" valign="top" width="222"> 本店默认为圆通快递，如要指定 请联系我们客服说明，偏远地带 默认只发EMS! 更多免费模板请登录www.yymoban.com </td> <td align="left" height="82" valign="top" width="222"> 全场商品均实物拍摄效果，个别 显视器或有少许差异，对色彩比 较敏感请匆拍！ </td> <td align="left" height="82" valign="top" width="258"> <table border="0" cellpadding="0" cellspacing="0" height="82" width="258"> <tbody> <tr> <td align="left" valign="top"> 09:00AM-23:00PM </td> </tr> <tr> <td height="34" valign="top"> 请工作时间内联系旺亮旺旺! </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="border-width:0px 1px 1px;border-style:solid;border-color:#CCCCCC;" align="center" bgcolor="#ffffff" height="34" valign="center"> <table border="0" cellpadding="0" cellspacing="0" height="34" width="948"> <tbody> <tr> <td height="10" width="10"> </td> <td width="724"> 昵称:<img src="http://img02.taobaocdn.com/tps/i2/T1.4FJXdxIXXXXXXXX-68-21.gif" data-cke-saved-src="http://img02.taobaocdn.com/tps/i2/T1.4FJXdxIXXXXXXXX-68-21.gif" height="21" width="68" /> 昵称:<img src="http://img02.taobaocdn.com/tps/i2/T1.4FJXdxIXXXXXXXX-68-21.gif" data-cke-saved-src="http://img02.taobaocdn.com/tps/i2/T1.4FJXdxIXXXXXXXX-68-21.gif" height="21" width="68" /> 昵称:<img src="http://img02.taobaocdn.com/tps/i2/T1.4FJXdxIXXXXXXXX-68-21.gif" data-cke-saved-src="http://img02.taobaocdn.com/tps/i2/T1.4FJXdxIXXXXXXXX-68-21.gif" height="21" width="68" /> </td> <td style="text-align:center;" width="141"> BOOKMARK 收藏 </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

7、添加系统模块：【可添加950或者750宝贝推荐，左侧190客服中心，宝贝分类，宝贝排行】

也可添加其他自定义代码模块，可在本站搜索下载！

8、页头背景：【平铺方式:横向平铺】

9、页面背景：【平铺方式:纵向平铺-居中】

10、其他素材