模板介绍：今天有用模板网为大家分享一款黑色个性模板，比较适合男装男包，男鞋

帆布鞋，牛仔裤等行业。

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

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

模板行业：行业通用
模板颜色：个性黑色

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

模板效果图：

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

<table border="0" cellpadding="0" cellspacing="0" background="http://img04.taobaocdn.com/imgextra/i4/67719206/TB2BbcvaXXXXXcXXXXXXXXXXXXX-67719206.gif" height="120" width="950"> <tbody> <tr> <td width="950"> <div style="width:500px;padding-top:20px;padding-bottom:20px;padding-left:155px;text-align:left;"> <span style="color:rgb(255,255,255);"><span style="font-size:36px;"><span style="font-family:simhei;">有用模板网</span> </span> </span> </div> </td> </tr> </tbody> </table>

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

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

.skin-box-bd{background-image:url(http://img04.taobaocdn.com/imgextra/i4/67719206/TB2BbcvaXXXXXcXXXXXXXXXXXXX-67719206.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:#FFFFFF;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:#FFFFFF;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:#FFFFFF;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://img.taobao.com/L1/142/1312862/modules/tshop-pbsm-shop-nav-ch/assets/images/tran.png);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://img.taobao.com/L1/142/1312862/modules/tshop-pbsm-shop-nav-ch/assets/images/tran.png) 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、广告图：【图片大小:950*400】使用方法右键另存到桌面，然后上传到自己淘宝空间即可使用】

     也可以用自己的图片！

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

<table border="0" cellpadding="0" cellspacing="0" background="http://img01.taobaocdn.com/imgextra/i1/67719206/TB23VgvaXXXXXbzXXXXXXXXXXXX-67719206.gif" height="101" width="950"> <tbody> <tr> <td width="1">   </td> <td> <div style="width:500px;padding-top:25px;padding-bottom:10px;padding-left:70px;text-align:left;"> <span style="color:rgb(255,255,255);"><strong><span style="font-size:20px;"><span style="font-family:microsoft yahei;">店铺公告</span></span></strong></span> </div> </td> </tr> </tbody> </table> <table style="border:0px dashed #000000;" cellpadding="0" cellspacing="0" bgcolor="#3F3F41" height="100%" width="950"> <tbody> <tr> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="930"> <tbody> <tr> <td height="10" width="10">   </td> <td height="10" width="910">   </td> <td height="10" width="10">   </td> </tr> <tr> <td height="110%" valign="top">   </td> <td valign="top"> <p><span style="color:rgb(255,255,255);"><span style="font-size:12px;"> <strong>SHOP BULLETIN / 店铺公告:</strong><br /> </span></span></p> <span style="color:rgb(255,255,255);"> <span style="font-size:12px;"> </span> </span> <p><span style="color:rgb(255,255,255);"><span style="font-size:12px;"> <br /> 2014/1/1   节日期间全场商品一律包邮<br /> 2014/1/2   单次购物满500元立减20元 买就送节日精美小礼品一份<br /> 2014/1/3   消费1000元以上享VIP折扣 每天疯狂秒杀超值一元宝贝<br /> 2014/1/4   请持续关注本店</span></span></p> <span style="color:rgb(255,255,255);"> <span style="font-size:12px;"> </span> </span> <p><span style="color:rgb(255,255,255);"><span style="font-size:12px;"> 更多免费模板请登录 www.yymoban.com 有用模板网<br /> <strong> SPECIAL NOTICE / 特别通知:</strong></span></span></p> <span style="color:rgb(255,255,255);"> <span style="font-size:12px;"> </span> </span> <p><span style="color:rgb(255,255,255);"><span style="font-size:12px;"> 本店所有出货产品均有实物拍摄,但每台电脑所显示的颜色多少有差异,对颜色过于敏感的mm请谨慎购买.圆通快递:为本店默认快递,北京地区5元,其他圆通 快递可达地区10元.(样例范文,仅做参考)</span><br /> </span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"><br /> </span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"><span style="font-size:12px;">更多免费模板请登录 www.yymoban.com 有用模板网</span></span></p> <span style="color:rgb(235,217,159);"> </span> <p> <font style="color:rgb(0,0,0);"></font> </p> </td> </tr> <tr> <td height="10" width="10">   </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

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

<table border="0" cellpadding="0" cellspacing="0" background="http://img01.taobaocdn.com/imgextra/i1/67719206/TB23VgvaXXXXXbzXXXXXXXXXXXX-67719206.gif" height="101" width="950"> <tbody> <tr> <td width="1">   </td> <td> <div style="width:500px;padding-top:25px;padding-bottom:10px;padding-left:70px;text-align:left;"> <span style="color:rgb(255,255,255);"><strong><span style="font-size:20px;"><span style="font-family:microsoft yahei;">新品热卖</span></span></strong></span> </div> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" width="950"> <tbody> <tr> <td colspan="2" height="10">   </td> </tr> <tr> <td colspan="2" style="text-align:center;" width="310"> <img src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB2f5.waXXXXXa1XXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB2f5.waXXXXXa1XXXXXXXXXXXX-1640026267.gif" style="height:310px;width:310px;" /> </td> <td width="30">   </td> <td colspan="2" style="text-align:center;" width="310"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2DjEraXXXXXXSXpXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2DjEraXXXXXXSXpXXXXXXXXXX-1640026267.gif" style="height:310px;width:310px;" /> </td> <td width="30">   </td> <td colspan="2" style="text-align:center;" width="310"> <img src="http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2jz3saXXXXXc1XXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2jz3saXXXXXc1XXXXXXXXXXXX-1640026267.gif" style="height:310px;width:310px;" /> </td> </tr> <tr> <td colspan="2" align="center" bgcolor="#3F3F41" height="55"> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">更多免费模板免费教程登陆www.yymoban.com</span>< /span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">最好输入两行内文字</span></span></p> <span style="color:rgb(255,255,255);"> </span> </td> <td align="center">   </td> <td colspan="2" align="center" bgcolor="#3F3F41"> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">更多免费模板免费教程登陆www.yymoban.com</span>< /span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">最好输入两行内文字</span></span></p> </td> <td align="center">   </td> <td colspan="2" align="center" bgcolor="#3F3F41"> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">更多免费模板免费教程登陆www.yymoban.com</span>< /span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">最好输入两行内文字</span></span></p> </td> </tr> <tr> <td align="center" bgcolor="#1B1A1B" height="25" width="180"> <p> <span style="color:rgb(255,255,255);"><span style="font-size:18px;"><span class="symbol">￥</span><span style="font-family:impact;">  <span class="c-price">199.00 </span></span></span></span></p> </td> <td align="center" bgcolor="#FEB100" width="60"> <span style="color:rgb(0,0,0);"><span style="font-family:microsoft yahei;"><span style="font-size:18px;">推荐 </span></span></span> </td> <td align="center">   </td> <td align="center" bgcolor="#1B1A1B" width="180"> <p> <span style="color:rgb(255,255,255);"><span style="font-size:18px;"><span class="symbol">￥</span><span style="font-family:impact;">  <span class="c-price">199.00 </span></span></span></span></p> </td> <td align="center" bgcolor="#FEB100" width="60"> <span style="color:rgb(0,0,0);"><span style="font-family:microsoft yahei;"><span style="font-size:18px;">新品</span></span></span> </td> <td align="center">   </td> <td align="center" bgcolor="#1B1A1B" width="180"> <p> <span style="color:rgb(255,255,255);"><span style="font-size:18px;"><span class="symbol">￥</span><span style="font-family:impact;">  <span class="c-price">199.00 </span></span></span></span></p> </td> <td align="center" bgcolor="#FEB100" width="60"> <span style="color:rgb(0,0,0);"><span style="font-family:microsoft yahei;"><span style="font-size:18px;">包邮</span></span></span> </td> </tr> <tr> <td colspan="2" height="5">   </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" width="950"> <tbody> <tr> <td colspan="2" height="10">   </td> </tr> <tr> <td colspan="2" style="text-align:center;" width="310"> <img src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB2f5.waXXXXXa1XXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img04.taobaocdn.com/imgextra/i4/1640026267/TB2f5.waXXXXXa1XXXXXXXXXXXX-1640026267.gif" style="height:310px;width:310px;" /> </td> <td width="30">   </td> <td colspan="2" style="text-align:center;" width="310"> <img src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2DjEraXXXXXXSXpXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img03.taobaocdn.com/imgextra/i3/1640026267/TB2DjEraXXXXXXSXpXXXXXXXXXX-1640026267.gif" style="height:310px;width:310px;" /> </td> <td width="30">   </td> <td colspan="2" style="text-align:center;" width="310"> <img src="http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2jz3saXXXXXc1XXXXXXXXXXXX-1640026267.gif" data-cke-saved-src="http://img02.taobaocdn.com/imgextra/i2/1640026267/TB2jz3saXXXXXc1XXXXXXXXXXXX-1640026267.gif" style="height:310px;width:310px;" /> </td> </tr> <tr> <td colspan="2" align="center" bgcolor="#3F3F41" height="55"> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">更多免费模板免费教程登陆www.yymoban.com</span>< /span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">最好输入两行内文字</span></span></p> </td> <td align="center">   </td> <td colspan="2" align="center" bgcolor="#3F3F41"> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">更多免费模板免费教程登陆www.yymoban.com</span>< /span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">最好输入两行内文字</span></span></p> </td> <td align="center">   </td> <td colspan="2" align="center" bgcolor="#3F3F41"> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">更多免费模板免费教程登陆www.yymoban.com</span>< /span></p> <span style="color:rgb(255,255,255);"> </span> <p><span style="color:rgb(255,255,255);"> <span style="font-size:12px;">最好输入两行内文字</span></span></p> </td> </tr> <tr> <td align="center" bgcolor="#1B1A1B" height="25" width="180"> <p> <span style="color:rgb(255,255,255);"><span style="font-size:18px;"><span class="symbol">￥</span><span style="font-family:impact;">  <span class="c-price">199.00 </span></span></span></span></p> </td> <td align="center" bgcolor="#FEB100" width="60"> <span style="color:rgb(0,0,0);"><span style="font-family:microsoft yahei;"><span style="font-size:18px;">推荐 </span></span></span> </td> <td align="center">   </td> <td align="center" bgcolor="#1B1A1B" width="180"> <p> <span style="color:rgb(255,255,255);"><span style="font-size:18px;"><span class="symbol">￥</span><span style="font-family:impact;">  <span class="c-price">199.00 </span></span></span></span></p> </td> <td align="center" bgcolor="#FEB100" width="60"> <span style="color:rgb(0,0,0);"><span style="font-family:microsoft yahei;"><span style="font-size:18px;">新品</span></span></span> </td> <td align="center">   </td> <td align="center" bgcolor="#1B1A1B" width="180"> <p> <span style="color:rgb(255,255,255);"><span style="font-size:18px;"><span class="symbol">￥</span><span style="font-family:impact;">  <span class="c-price">199.00 </span></span></span></span></p> </td> <td align="center" bgcolor="#FEB100" width="60"> <span style="color:rgb(0,0,0);"><span style="font-family:microsoft yahei;"><span style="font-size:18px;">包邮</span></span></span> </td> </tr> </tbody> </table>

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

<table border="0" cellpadding="0" cellspacing="0" background="http://img01.taobaocdn.com/imgextra/i1/67719206/TB23VgvaXXXXXbzXXXXXXXXXXXX-67719206.gif" height="101" width="950"> <tbody> <tr> <td width="1">   </td> <td> <div style="width:500px;padding-top:25px;padding-bottom:10px;padding-left:70px;text-align:left;"> <span style="color:rgb(255,255,255);"><strong><span style="font-size:20px;"><span style="font-family:microsoft yahei;">诚信第一</span></span></strong></span> </div> </td> </tr> </tbody> </table> <table border="0" cellpadding="0" cellspacing="0" align="center" width="950"> <tbody> <tr> <td> <table style="border:1px solid #CCCCCC;" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" width="950"> <tbody> <tr> <td style="border-width:0px 1px 0px 0px;border-style:dashed;border-color:#CCCCCC #CCCCCC #CCCCCC #CCCCCC;" align="center" bgcolor="#ffffff" height="150" valign="center" width="235"> <table border="0" cellpadding="0" cellspacing="0" align="center" height="150" width="230"> <tbody> <tr> <td> <p align="left"> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;"><strong>购前须知:</strong><br /> 〉本店正品保证，请放心购买</font>！</span></p> <p align="left"> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;">〉如果有什么疑问请先联系我们的客服！更多免费模板登录www.yymoban.com< /font></span></p> <p align="left"> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;">〉</font></span></p> </td> </tr> </tbody> </table> </td> <td style="border-width:0px 1px 0px 0px;border-style:dashed;border-color:#CCCCCC #CCCCCC #CCCCCC #CCCCCC;" align="center" bgcolor="#ffffff" valign="center" width="236"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" align="center" height="150" width="230"> <tbody> <tr> <td> <p align="left"> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;"><strong>常见问题:</strong><br /> </font></span><span style="color:rgb(0,0,0);"><font style="font-size:10pt;">〉</font></span><span style="color:rgb(0,0,0);"><font style="font-size:10pt;">本店均为实物拍摄，由于相机色差问题请以照实物为准</font>< /span></p> <p align="left"> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;">〉</font></span><span style="color:rgb(0,0,0);"><font style="font-size:10pt;">本店默认发申通快递，需要发其他快递请联系掌柜</font></span& gt;</p> <p align="left"><span style="color:rgb(0,0,0);"><font style="font-size:10pt;"><span style="color:rgb(0,0,0);"><font style="font-size:10pt;">更多免费模板登录www.yymoban.com</font>< /span></font></span></p> </td> </tr> </tbody> </table> </div> </td> <td style="border-width:0px 1px 0px 0px;border-style:dashed;border-color:#CCCCCC #CCCCCC #CCCCCC #CCCCCC;" align="center" bgcolor="#ffffff" valign="center" width="233"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" align="center" height="150" width="230"> <tbody> <tr> <td> <div align="center"> <font style="font-size:10pt;"></font><span style="color:rgb(0,0,0);"><span style="font-size:36px;"><span style="font-family:microsoft yahei;">收藏本店</span></span></span><br /> <br /> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;">收藏本店,惊喜不断!</font></span> </div> </td> </tr> </tbody> </table> </div> </td> <td align="center" bgcolor="#ffffff" valign="center" width="235"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" align="center" height="150" width="230"> <tbody> <tr> <td> <p align="left"> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;"><strong>客服中心:</strong><br /> 客服:</font></span><img src="http://img04.taobaocdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" data-cke-saved-src="http://img04.taobaocdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" /><span style="color:rgb(0,0,0);"><font style="font-size:10pt;">客服:</font></span><img src="http://img04.taobaocdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" data-cke-saved-src="http://img04.taobaocdn.com/tps/i4/T1YNJJXfFHXXXXXXXX-21-21.gif" /><br /> <span style="color:rgb(0,0,0);"><font style="font-size:10pt;"> <strong>工作时间:<br /> </strong></font><font style="font-size:24pt;">09:00-24:00</font></span></p> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>

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

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

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

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