通用类旺铺首页全套模板【060】_淘宝店铺装修免费模板_淘宝店铺装修教程

通用类旺铺首页全套模板【060】

时间:2010-09-05 22:45来源:阿毛模板网作者:阿毛点击: 次收藏此模板

模板代码

◆店招模板代码◆ （注：此店招为HTML源码格式，仅限拍拍店铺使用）

<table id="__01" border="0" cellspacing="0" cellpadding="0" width="950" height="151"><tbody><tr><td colspan="6"><img alt="" src="http://amaomb.com/taobao/060/images/zd1_01.gif" width="950" height="73" /></td>
            </tr>
            <tr><td class="STYLE15" height="16" valign="bottom" background="http://amaomb.com/taobao/060/images/zd1_02.gif" colspan="2" align="middle"><span style="color:#ffffff;">关键字</span></td>
            <td class="STYLE15" valign="bottom" background="http://amaomb.com/taobao/060/images/zd1_03.gif" align="middle"><span style="color:#ffffff;">关键字</span></td>
            <td class="STYLE15" valign="bottom" background="http://amaomb.com/taobao/060/images/zd1_04.gif" align="middle"><span style="color:#ffffff;">关键字</span></td>
            <td class="STYLE15" valign="bottom" background="http://amaomb.com/taobao/060/images/zd1_05.gif" colspan="2" align="middle"><span style="color:#ffffff;">关键字</span></td>
            </tr>
            <tr><td colspan="6"><img alt="" src="http://amaomb.com/taobao/060/images/zd1_06.gif" width="950" height="35" /></td>
            </tr>
            <tr><td rowspan="2"><img alt="" src="http://amaomb.com/taobao/060/images/zd1_07.gif" width="28" height="26" /></td>
            <td bgcolor="#a8a8a8" height="18" valign="bottom" colspan="4" align="left">店铺首页&nbsp;&nbsp; &nbsp; 店铺介绍&nbsp;&nbsp; &nbsp;&nbsp;自定义页面&nbsp;&nbsp;&nbsp; &nbsp;自定义页面&nbsp;&nbsp;&nbsp; &nbsp;自定义页面&nbsp;&nbsp;&nbsp;&nbsp; 自定义页面&nbsp;&nbsp;&nbsp; &nbsp;自定义页面&nbsp;&nbsp;&nbsp; &nbsp;自定义页面</td>
            <td rowspan="2"><img alt="" src="http://amaomb.com/taobao/060/images/zd1_09.gif" width="191" height="26" /></td>
            </tr>
            <tr><td colspan="4"><img alt="" src="http://amaomb.com/taobao/060/images/zd1_10.gif" width="731" height="8" /></td>
            </tr>
            <tr><td><img alt="" src="http://amaomb.com/taobao/060/images/%B7%D6%B8%F4%B7%FB.gif" width="28" height="1" /></td>
            <td><img alt="" src="http://amaomb.com/taobao/060/images/%B7%D6%B8%F4%B7%FB.gif" width="302" height="1" /></td>
            <td><img alt="" src="http://amaomb.com/taobao/060/images/%B7%D6%B8%F4%B7%FB.gif" width="221" height="1" /></td>
            <td><img alt="" src="http://amaomb.com/taobao/060/images/%B7%D6%B8%F4%B7%FB.gif" width="165" height="1" /></td>
            <td><img alt="" src="http://amaomb.com/taobao/060/images/%B7%D6%B8%F4%B7%FB.gif" width="43" height="1" /></td>
            <td><img alt="" src="http://amaomb.com/taobao/060/images/%B7%D6%B8%F4%B7%FB.gif" width="191" height="1" /></td>
            </tr>
            </tbody>
            </table>

◆促销区模板代码◆ （在代码区点击右键选择“全选”，再点击右键“复制”代码）

<table id="__01" width="751" height="900" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td colspan="14">
            <img src="http://amaomb.com/taobao/060/images/cx_01.gif" width="750" height="6" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="6" alt=""></td>
            </tr>
            <tr>
            <td rowspan="12" valign="top">
            <img src="http://amaomb.com/taobao/060/images/cx_02.gif" width="9" height="896" alt=""></td>
            <td colspan="8" rowspan="3" align="center">这里添加广告大图（尺寸为531*215）<br />
            需要制作广告图片的请与站长阿毛联系，一元一张。</td>
            <td colspan="5">
            <img src="http://amaomb.com/taobao/060/images/cx_04.gif" width="210" height="35" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="35" alt=""></td>
            </tr>
            <tr>
            <td rowspan="3">
            <img src="http://amaomb.com/taobao/060/images/cx_05.gif" width="19" height="200" alt=""></td>
            <td height="170" colspan="2" background="http://amaomb.com/taobao/060/images/cx_06.gif"><MARQUEE style="WIDTH:152px; HEIGHT: 171px" scrollAmount=1 direction=up>此模板由【阿毛模板网】永久免费提供使用</MARQUEE></td>
            <td colspan="2" rowspan="5">
            <img src="http://amaomb.com/taobao/060/images/cx_07.gif" width="39" height="240" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="171" alt=""></td>
            </tr>
            <tr>
            <td colspan="2" rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_08.gif" width="152" height="29" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="9" alt=""></td>
            </tr>
            <tr>
            <td colspan="8">
            <img src="http://amaomb.com/taobao/060/images/cx_09.gif" width="531" height="20" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="20" alt=""></td>
            </tr>
            <tr>
            <td colspan="3" rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_10.gif" width="159" height="40" alt=""></td>
            <td height="23" colspan="7" align="center" valign="bottom" bgcolor="#EEEEEE">你的关键字&nbsp;&nbsp; 你的关键字&nbsp;&nbsp; 你的关键字&nbsp;&nbsp; 你的关键字&nbsp;&nbsp; 你的关键字&nbsp;&nbsp; 你的关键字</td>
            <td rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_12.gif" width="1" height="40" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="23" alt=""></td>
            </tr>
            <tr>
            <td colspan="7">
            <img src="http://amaomb.com/taobao/060/images/cx_13.gif" width="542" height="17" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="17" alt=""></td>
            </tr>
            <tr>
            <td rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_14.gif" width="1" height="282" alt=""></td>
            <td colspan="3" align="center">这里添加图片（尺寸230*271）</td>
            <td rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_16.gif" width="11" height="282" alt=""></td>
            <td align="center">这里添加图片（尺寸230*271）</td>
            <td rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_18.gif" width="9" height="282" alt=""></td>
            <td colspan="5" align="center">这里添加图片（尺寸230*271）</td>
            <td rowspan="6" valign="top">
            <img src="http://amaomb.com/taobao/060/images/cx_20.gif" width="30" height="621" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="271" alt=""></td>
            </tr>
            <tr>
            <td colspan="3">
            <img src="http://amaomb.com/taobao/060/images/cx_21.gif" width="230" height="11" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/cx_22.gif" width="230" height="11" alt=""></td>
            <td colspan="5">
            <img src="http://amaomb.com/taobao/060/images/cx_23.gif" width="230" height="11" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="11" alt=""></td>
            </tr>
            <tr>
            <td colspan="12" align="center">这里添加广告图片（尺寸为711*134）</td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="134" alt=""></td>
            </tr>
            <tr>
            <td colspan="12">
            <img src="http://amaomb.com/taobao/060/images/cx_25.gif" width="711" height="17" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="17" alt=""></td>
            </tr>
            <tr>
            <td colspan="2" rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_26.gif" width="9" height="188" alt=""></td>
            <td height="162" colspan="8" valign="top" bgcolor="#EEEEEE"><MARQUEE scrollAmount=1 scrollDelay=80 behavior=alternate width="100%" height=160>
            这里添加你的宝贝图片，可放N张图片。（图片尺寸160*160）
            </MARQUEE></td>
            <td colspan="2" rowspan="2">
            <img src="http://amaomb.com/taobao/060/images/cx_28.gif" width="10" height="188" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="160" alt=""></td>
            </tr>
            <tr>
            <td colspan="8">
            <img src="http://amaomb.com/taobao/060/images/cx_29.gif" width="692" height="26" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="26" alt=""></td>
            </tr>
            <tr>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="9" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="8" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="150" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="72" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="11" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="230" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="9" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="50" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="19" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="151" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="1" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="9" height="1" alt=""></td>
            <td>
            <img src="http://amaomb.com/taobao/060/images/分隔符.gif" width="30" height="1" alt=""></td>
            <td></td>
            </tr>
            </table>

◆左侧模板代码◆ （在代码区点击右键选择“全选”，再点击右键“复制”代码）

<table id="__01" width="190" height="300" border="0" cellpadding="0" cellspacing="0">
            <tr>
            <td>
            <img src="http://amaomb.com/taobao/060/images/sc_01.gif" width="190" height="118" alt=""></td>
            </tr>
            <tr>
            <td align="center" background="http://amaomb.com/taobao/060/images/sc_02.gif">客服一：自己添加<br>
            客服二：自己添加<br />
            客服三：自己添加</td>
            </tr>
            <tr>
            <td>
            <img src="http://amaomb.com/taobao/060/images/sc_03.gif" width="190" height="53" alt=""></td>
            </tr>
            <tr>
            <td align="center" background="http://amaomb.com/taobao/060/images/sc_02.gif">上午9：00—晚上22：00<br>
            节假日不休息</td>
            </tr>
            <tr>
            <td>
            <img src="http://amaomb.com/taobao/060/images/sc_05.gif" width="190" height="50" alt=""></td>
            </tr>
            <tr>
            <td align="center" background="http://amaomb.com/taobao/060/images/sc_02.gif"><a href="http://item.taobao.com/item.htm?id=7234813334" target="_blank"><IMG src="http://img01.taobaocdn.com/bao/uploaded/i1/T1Qy0JXgBsXXa_s2AU_014517.jpg_160x160.jpg" border="0"></a><br>
            <br>
            <span class="STYLE16">这里的宝贝图片可无限增加<br>
            图片尺寸为160*160</span><br></td>
            </tr>
            <tr>
            <td>
            <img src="http://amaomb.com/taobao/060/images/sc_07.gif" width="190" height="40" alt=""></td>
            </tr>
            </table>

模板整体效果演示：点击查看

顶一下

(30)

90.9%

踩一下

(3)

9.1%