甩手为你准备了淘宝店铺页尾装修的代码,有三大类颜色可供选择,请各位卖家在使用的时候特别注意,此代码为950版本,文字部分的信息大家可以根据店铺需要自行修改,但是建议大家不要擅自修改此代码中页面装修模板的尺寸大小,以防对模板造成损坏,影响使用。
1.清新绿
<div style="width:950px; margin:auto; position:relative; z-index:999; font-size:12px; font-weight:normal; text-align:left; overflow:hidden; background:#fff;">
<div style="height:28px;line-height:28px;text-align:center; border:1px solid #e2e2e2;">
<a style="padding:0 10px;color:#FFF;" href="淘宝店铺首页链接">返回首页</a>
<a target="_blank" style="padding:0 10px;color:#888;" href="淘宝店铺新品发布页面链接">新品发布</a>
<a target="_blank" style="padding:0 10px;color:#888;" href="淘宝店铺爆款页面链接">热销爆款</a>
<a target="_blank" style="padding:0 10px;color:#888;" href="淘宝店铺活动页面链接">活动专区</a>
<a target="_blank" style="padding:0 10px;color:#888;" href="收藏店铺连接">收藏本店</a>
<a style="padding:0 10px;color:#888;" href="#">返回顶部</a>
</div>
<div style=" overflow:hidden; font-family:微软雅黑; color:#666; border:1px solid #e2e2e2; border-top:none; ">
<dl style=" width:237px;float:left;_display:inline; overflow:hidden; background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2RwPXXVXXXXa2XpXXXXXXXXXX-1770601599.jpg) no-repeat 0 center;">
<dt style="padding:15px 0 5px 70px; color:#77b10b"><b>温馨提示</b></dt>
<dd style="padding:0 10px 15px 30px;line-height:18px; display:block;overflow:hidden;">购买后如发现质量问题请不要直接差评,否则不予任何售后服务。</dd>
</dl>
<dl style=" width:237px;float:left;_display:inline; overflow:hidden; background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/TB2wNnXXVXXXXaHXpXXXXXXXXXX-1770601599.jpg) no-repeat 0 center;">
<dt style="padding:15px 0 5px 70px; color:#77b10b"><b>关于快递</b></dt>
<dd style="padding:0 10px 15px 30px;line-height:18px; display:block;overflow:hidden;">所有宝贝均为实物拍摄各显示器显示不同,对色彩要求高的买家请慎拍。</dd>
</dl>
<dl style=" width:237px;float:left;_display:inline; overflow:hidden; background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2G3PXXVXXXXa1XpXXXXXXXXXX-1770601599.jpg) no-repeat 0 center;">
<dt style="padding:15px 0 5px 70px; color:#77b10b"><b>关于色差</b></dt>
<dd style="padding:0 10px 15px 30px;line-height:18px; display:block;overflow:hidden;">所有宝贝均为实物拍摄各显示器显示不同,对色彩要求高的买家请慎拍。</dd>
</dl>
<dl style=" width:237px;float:left;_display:inline; overflow:hidden; background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/TB2.f6XXVXXXXboXpXXXXXXXXXX-1770601599.jpg) no-repeat 0 center;">
<dt style="padding:15px 0 5px 70px; color:#77b10b"><b>关于退换货</b></dt>
<dd style="padding:0 10px 15px 30px;line-height:18px; display:block;overflow:hidden;">如不满意,顾客可自理来回运费调换,如商品质量问题,本店承担运费调换。</dd>
</dl>
</div>
</div>
2.淡雅灰
<div style="width:950px; margin:auto; position:relative; z-index:999; font-size:12px; font-weight:normal; text-align:left; overflow:hidden;background:#fff;">
<div style=" height:28px; line-height:28px; overflow:hidden; text-align:center; border:1px solid #ddd; color:#919191;">
<ul>
<li style="display:inline;"><a href="淘宝首页链接" _fcksavedurl="淘宝首页链接" style="color:#919191;text-decoration:none;">回到首页</a></li>
<li style="display:inline;padding:7px 16px 7px 9px;">|</li>
<li style="display:inline;"><a href="#" _fcksavedurl="#" style="color:#919191;text-decoration:none;">返回顶部</a></li>
<li style="display:inline;padding:7px 16px 7px 9px;">|</li>
<li style="display:inline;"><a href="淘宝新品上市链接" _fcksavedurl="淘宝新品上市链接" target="_blank" style="color:#919191;text-decoration:none;">新品上架</a></li>
<li style="display:inline;padding:7px 16px 7px 9px;">|</li>
<li style="display:inline;"><a href="淘宝店铺简介页面链接" _fcksavedurl="淘宝店铺简介页面链接" target="_blank" style="color:#919191;text-decoration:none;">关于我们</a></li>
<li style="display:inline;padding:7px 16px 7px 9px;">|</li>
<li style="display:inline;"><a href="淘宝店铺交流页面链接" _fcksavedurl="淘宝店铺交流页面链接" target="_blank" style="color:#919191;text-decoration:none;">交流区</a></li>
<li style="display:inline;padding:7px 16px 7px 9px;">|</li>
<li style="display:inline;"><a href="收藏店铺链接" _fcksavedurl="收藏店铺链接" target="_blank" style="color:#919191;text-decoration:none;">收藏本店</a></li>
</ul>
</div>
<div style=" height:150px; border:1px solid #ddd; border-top:0; display:block;">
<ul style="width:215px;float:left;padding:0 11px;padding-top:9px;">
<li style="width:120px;height:53px;padding-left:95px;padding-top:10px;background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2dJHXXVXXXXXoXpXXXXXXXXXX-1770601599.jpg) no-repeat;">
<span style="width:120px;overflow:hidden;font-family:微软雅黑;font-size:20px;">关于快递</span>
</li>
<li style="height:73px;overflow:hidden;padding:0 5px;color:#919191;word-break:break-all;">本店默认发申通、圆通、中通,需要指定快递请联系客服,或留言。</li>
</ul>
<ul style="width:215px;float:left;padding:0 11px;padding-top:9px;">
<li style="width:120px;height:53px;padding-left:95px;padding-top:10px;background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/TB2udjXXVXXXXXtXpXXXXXXXXXX-1770601599.jpg) no-repeat;">
<span style="width:120px;overflow:hidden;font-family:微软雅黑;font-size:20px;">关于发货</span>
</li>
<li style="height:73px;overflow:hidden;padding:0 5px;color:#919191;word-break:break-all;">本店默认发申通、圆通、中通,需要指定快递请联系客服,或留言。</li>
</ul>
<ul style="width:215px;float:left;padding:0 11px;padding-top:9px;">
<li style="width:120px;height:53px;padding-left:95px;padding-top:10px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2jqjXXVXXXXbAXpXXXXXXXXXX-1770601599.jpg) no-repeat;">
<span style="width:120px;overflow:hidden;font-family:微软雅黑;font-size:20px;">关于照片</span>
</li>
<li style="height:73px;overflow:hidden;padding:0 5px;color:#919191;word-break:break-all;">本店产品实物拍摄,已尽量把色差降到最低。顾客购买时以实物为准,显示器色差属于正常现象。</li>
</ul>
<ul style="width:215px;float:left;padding:0 11px;padding-top:9px;">
<li style="width:120px;height:53px;padding-left:95px;padding-top:10px;background:url(http://img01.taobaocdn.com/imgextra/i1/1770601599/TB2P5YXXVXXXXX3XXXXXXXXXXXX-1770601599.jpg) no-repeat;">
<span style="width:120px;overflow:hidden;font-family:微软雅黑;font-size:20px;">退货说明</span>
</li>
<li style="height:73px;overflow:hidden;padding:0 5px;color:#919191;word-break:break-all;">如不满意,顾客自理运费调换,如商品质量问题,本店承担运费调换。</li>
</ul>
</div>
<div style="height:52px;margin-top:10px;background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2pwLXXVXXXXbHXXXXXXXXXXXX-1770601599.jpg) no-repeat center center;"></div>
</div>
3.蔚海蓝
<div style="width:950px; margin:auto; position:relative; z-index:999; font-size:12px; font-weight:normal; text-align:left; overflow:hidden;">
<div style="border:1px solid #e2e2e2;border-top:none;font-family:微软雅黑;">
<div style="background:#FFF;overflow:hidden;border-top:1px solid #e2e2e2;color:#666;">
<ul>
<li style="float:left;overflow:hidden;width:240px;padding:10px 20px;">
<h3 style="font-size:14px;color:#54c0c2;height:24px;line-height:24px;padding-left:30px;margin-bottom:8px;background:url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2Mfi9XVXXXXcQXXXXXXXXXXXX-1770601599.jpg) no-repeat 0 4px;">搜索其实很简单</h3>
<div style="width:240px;height:24px;overflow:hidden;line-height:24px;background:#cacaca;">
<form method="post" name="SearchForm" target="_blank" action="淘宝店铺首页链接/search.htm">
<input type="hidden" name="userId">
<input type="hidden" name="shopId" value="店铺ID">
<input type="hidden" name="view_type">
<input type="hidden" name="order_type">
<input type="hidden" name="search" value="y">
<input autocomplete="off" name="keyword" size="20" style="width:198px;height:16px;line-height:16px;padding:4px 0;text-indent:4px;border:none;background:none;float:left;outline:none;" value="" type="text">
<input style="width:40px;background:#666 url(http://img02.taobaocdn.com/imgextra/i2/1770601599/TB2oa6XXVXXXXblXXXXXXXXXXXX-1770601599.gif) no-repeat center center;height:25px;border:none;float:right;cursor:pointer;" value="" type="submit">
</form>
</div>
<div style="margin:16px 0 0 0;overflow:hidden;zoom:1;">
<b>客服:</b>
<a style="display:inline-block; height:19px; padding-left:18px; color:#666; text-decoration:none; background:url(http://amos.alicdn.com/online.aw?v=2&uid=旺旺名称&site=cntaobao&s=2&charset=utf-8) no-repeat scroll 0 top;" href="http://amos.alicdn.com/msg.aw?v=2&uid=旺旺名称&site=cntaobao&s=1&charset=utf-8" _fcksavedurl="http://amos.alicdn.com/msg.aw?v=2&uid=旺旺名称&site=cntaobao&s=1&charset=utf-8" target="_blank">客服</a>
</div>
</li>
<li style="width:180px;height:95px;padding:0 20px;border-left:1px solid #e2e2e2;float:left;overflow:hidden;margin:10px 0;">
<h3 style="font-size:14px;color:#54c0c2;height:24px;line-height:24px;padding-left:30px;margin-bottom:8px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2E659XVXXXXXZXXXXXXXXXXXX-1770601599.jpg) no-repeat 0 2px;">关于退换</h3>
<div style="line-height:20px;">7天无理由退换,非质量问题发起的退换货,买家承担来回运费。</div>
</li>
<li style="width:180px;height:95px;padding:0 20px;border-left:1px solid #e2e2e2;float:left;overflow:hidden;margin:10px 0;">
<h3 style="font-size:14px;color:#54c0c2;height:24px;line-height:24px;padding-left:30px;margin-bottom:8px;background:url(http://img04.taobaocdn.com/imgextra/i4/1770601599/TB2U3q9XVXXXXbEXXXXXXXXXXXX-1770601599.jpg) no-repeat 0 2px;">关于发货</h3>
<div style="line-height:20px;">本店默认发申通、圆通、中通,需要指定快递请联系客服,或留言。</div>
</li>
<li style="float:right;overflow:hidden;width:184px;height:114px;padding:0 20px;border-left:1px solid #e2e2e2;">
<div style="margin-top:15px; text-align:center;">
<a href="收藏店铺链接" _fcksavedurl="收藏店铺链接" style="width:82px;height:82px;display:inline-block;overflow:hidden;background:url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2t9m.XVXXXXavXpXXXXXXXXXX-1770601599.gif) no-repeat center center;" target="_blank" title="收藏本店"></a>
</div>
</li>
</ul>
</div>
<div style=" height:130px; background:#54c0c2 url(http://img03.taobaocdn.com/imgextra/i3/1770601599/TB2pmO.XVXXXXXZXpXXXXXXXXXX-1770601599.png) no-repeat center center; border-top:1px solid #e2e2e2;"></div>
</div>
</div>