假期帮几个基础版网店朋友装修了一下网店,论坛里有很多漂亮的模块都是直接运用在专业版的950区域的,经过改造一下,就可以放到基础版中应用了。
以下面这个原本在专业版中展示的950区域代码为例子

- <div style=" background:#FFF; overflow:hidden">
- <a href="#" target="_blank" style=" width:236px; height:270px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1AnKKFoBbXXb1upjX) no-repeat center 0; float:left"></a>
- <div style=" float:left; width:474px; height:270px; overflow:hidden; margin-left:2px;">
- <a href="#" target="_blank" style=" width:236px; margin:0 2px 2px 0; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fi1MFc4XXXb1upjX) no-repeat center 0; float:left"></a>
- <a href="#" target="_blank" style=" width:236px;margin:0 0 2px 0; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1tOSJFX8eXXb1upjX) no-repeat center 0; float:left"></a>
- <a href="#" target="_blank" style=" width:236px;margin:0 2px 0 0; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fliLFmJaXXb1upjX) no-repeat center 0; float:left"></a>
- <a href="#" target="_blank" style=" width:236px; height:134px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1DRuLFlNaXXb1upjX) no-repeat center 0; float:left"></a>
- </div>
- <a href="#" target="_blank" style=" width:236px; height:270px; overflow:hidden; background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1lQaMFbJXXXb1upjX) no-repeat center 0; float:right"></a>
- </div><a name="sgmb"></a>

把以上代码直接安装到基础版的750区域中,显示效果如下:

把这个代码加上下面代码:
- <div style="overflow:hidden;zoom:1;height:275px;">
- <div class="footer-more-trigger" style="width:950px;height:275px;left:auto;top:auto;margin:0;padding:0;border:0;">
- <div class="footer-more-trigger" style="top:auto;left:-190px;margin:0;padding:0;border:0;">
- <table border="0" cellpadding="0" cellspacing="0" class="" height="275" width="950">
- <tbody>
- <tr>
- <td>
- 原来的代码
- <div style="overflow:hidden;zoom:1;height:275px;">
- <div class="footer-more-trigger" style="width:950px;height:275px;left:auto;top:auto;margin:0;padding:0;border:0;">
- <div class="footer-more-trigger" style="top:auto;left:-190px;margin:0;padding:0;border:0;">
- <table border="0" cellpadding="0" cellspacing="0" class="" height="275" width="950">
- <tbody>
- <tr>
- <td>
- <div style="background:#FFF;overflow:hidden;">
- <a href="#" style="width:236px;height:270px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1AnKKFoBbXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a>
- <div style="float:left;width:474px;height:270px;overflow:hidden;margin-left:2px;">
- <a href="#" style="width:236px;margin:0 2px 2px 0;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fi1MFc4XXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a> <a href="#" style="width:236px;margin:0 0 2px 0;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1tOSJFX8eXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a> <a href="#" style="width:236px;margin:0 2px 0 0;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1fliLFmJaXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a> <a href="#" style="width:236px;height:134px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i1/T1DRuLFlNaXXb1upjX) no-repeat center 0;float:left;" target="_blank"></a></div>
- <a href="#" style="width:236px;height:270px;overflow:hidden;background:url(http://img01.taobaocdn.com/bao/uploaded/i4/T1lQaMFbJXXXb1upjX) no-repeat center 0;float:right;" target="_blank"></a></div>
- </td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </div>
把这个修改过的代码安装到基础版750区域,想左偏移190PX后,就变成了950区域的模块了。

亲们可以根据这个原理,把所有的专业版950模块,移植到基础版中使用了。
如果对您有帮助,记得顶我,高手绕道。。。勿喷。
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。