把阿里模版换成你自己风格只要两步(转帖)

先上图给大家看看效果

原来的阿里的免费模版：



变成自己风格后：

因为自己的整个风格是绿色的，虽然看上了阿里免费送的旺铺模版，但是因为色彩跟我的原来的旺铺的绿色风格不搭，所以我就把他变成自己的风格的绿色

方法：

第一步：
从原源代码中找出原来红色图片


的地址1是
http://i01.c.aliimg.com/cms/upload/other/05061158/01.png
自己制作一个自己风格的色彩的绿色图片．


登陆到 旺铺后台上传图片，记得不要水印的方式哦．如图




1＼上传自己风格的图片----2＼管理相册－－－3＼找到绿色图片后，复制图片地址．

复好后的地址2：

http://i00.c.aliimg.com/img/ibank/2012/065/757/564757560_1785524255.jpg

在源代码中用这个自己的图片地址2替换原来红色的地址1，
一般可以通过拾色器可以查出：如原来的 # c01111

换成自己的风格的绿色代码：如我要的绿色

点到自己风格的色彩后， ＃5AAB0C

也就是说只要把源代码中的 ：#c01111 换成 ＃5AAB0C 就可以了．

注：以下红色的就是要换的地址及色彩

<div style="width: 950.0px; margin: 0 auto;">
<table style="width: 950.0px;">
<tbody>
<tr>
<td style="height: 37.0px;" background="http://url.alibaba.com/r/aHR0cDovL2ltZy5jaGluYS5hbGliaYWJhLmNvbS9jbXMvdXBsb2FkL290aGVyLzA1MDYxMTU4LzAxLnBuZw==">
<div style="text-align: right; color: #ffffff; font-weight: bold; padding-right: 10.0px;">活动时间： 5月1日－－5月31日</div>
</td>
</tr>
</tbody>
</table>
<div style="background: #f8f8f8; padding: 15.0px 10.0px;">
<table>
<tbody>
<tr>
<td style="width: 207.0px; height: 238.0px;" background="http://url.alibaba.com/r/aHR0cDovL2ltZy5jaGluYS5hbGliaYWJhLmNvbS9jbXMvdXBsb2FkL290aGVyLzA1MDYxMTU4LzAyLnBuZw==">
<div style="width: 200.0px; height: 230.0px; overflow: hidden; margin: 0 auto;"><img src="http://url.alibaba.com/r/aHR0cDovL2ltZy5jaGluYS5hbGliaYWJhLmNvbS9jbXMvdXBsb2FkLzIwMTIvMDcwLzQ0My8zNDQwNzBfMTU0Njk1MjM2My5wbmc=" alt="" /></div>
</td>
<td style="width: 80.0px; text-align: center;"><img src="http://url.alibaba.com/r/aHR0cDovL2ltZy5jaGluYS5hbGliaYWJhLmNvbS9jbXMvdXBsb2FkL290aGVyLzA1MDYxMTU4LzA1LnBuZw==" alt="" /></td>
<td style="width: 207.0px; height: 238.0px;" background="http://url.alibaba.com/r/aHR0cDovL2ltZy5jaGluYS5hbGliaYWJhLmNvbS9jbXMvdXBsb2FkL290aGVyLzA1MDYxMTU4LzAyLnBuZw==">
<div style="width: 200.0px; height: 230.0px; overflow: hidden; margin: 0 auto;"><img src="http://url.alibaba.com/r/aHR0cDovL2ltZy5jaGluYS5hbGliaYWJhLmNvbS9jbXMvdXBsb2FkLzIwMTIvMTcwLzQ0My8zNDQwNzFfMTU0Njk1MjM2My5wbmc=" alt="" /></div>
</td>
<td style="width: 405.0px;" valign="top">
<div style="padding-left: 50.0px; width: 240.0px;">
<div style="text-decoration: line-through; color: #666666;">原价：￥248＋248＝496元</div>
<div style="height: 40.0px; margin-top: 8.0px; margin-bottom: 15.0px; line-height: 40.0px; background: #c01111; color: #ffffff; font-size: 14.0px; font-weight: bold; text-align: center;">混批价：￥400元</div>
<div style="color: #444444; font-weight: bold; margin-bottom: 8.0px;">混批说明：</div>
<div style="color: #999999;">产品1： 销韩版女式t恤 韩版短袖t恤 女士短袖 长款t恤 D46 <br />产品2： 销韩版女式t恤 韩版短袖t恤 女士短袖 长款t恤 D46 <br />备注： 销韩版女式t恤 韩版短袖t恤 女士短袖 长款t恤 D46</div>
</div>
<div style="text-align: right;"><a><img src="http://url.alibaba.com/r/aHR0cDovL2ltZy5jaGluYS5hbGliaYWJhLmNvbS9jbXMvdXBsb2FkL290aGVyLzA1MDYxMTU4LzA2LnBuZw==" alt="" /></a></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>