各位親,大家新年好,給大家拜個晚年了。祝各位朋友在新的一年里,事事順,財源廣進,馬到成功,馬上有錢!
假期幫幾個基礎(chǔ)版網(wǎng)店朋友裝修了一下網(wǎng)店,論壇里有很多漂亮的模塊都是直接運用在專業(yè)版的950區(qū)域的,經(jīng)過改造一下,就可以放到基礎(chǔ)版中應(yīng)用了。
以下面這個原本在專業(yè)版中展示的950區(qū)域代碼為例子
復(fù)制代碼
把以上代碼直接安裝到基礎(chǔ)版的750區(qū)域中,顯示效果如下:
把這個代碼加上下面代碼:
復(fù)制代碼
添加這個代碼后,變成下列代碼:
復(fù)制代碼
把這個修改過的代碼安裝到基礎(chǔ)版750區(qū)域,想左偏移190PX后,就變成了950區(qū)域的模塊了。
親們可以根據(jù)這個原理,把所有的專業(yè)版950模塊,移植到基礎(chǔ)版中使用了。
如果對您有幫助,記得頂我,高手繞道。。。勿噴。
假期幫幾個基礎(chǔ)版網(wǎng)店朋友裝修了一下網(wǎng)店,論壇里有很多漂亮的模塊都是直接運用在專業(yè)版的950區(qū)域的,經(jīng)過改造一下,就可以放到基礎(chǔ)版中應(yīng)用了。
以下面這個原本在專業(yè)版中展示的950區(qū)域代碼為例子
- <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>
把以上代碼直接安裝到基礎(chǔ)版的750區(qū)域中,顯示效果如下:
把這個代碼加上下面代碼:
- <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>
把這個修改過的代碼安裝到基礎(chǔ)版750區(qū)域,想左偏移190PX后,就變成了950區(qū)域的模塊了。
親們可以根據(jù)這個原理,把所有的專業(yè)版950模塊,移植到基礎(chǔ)版中使用了。
如果對您有幫助,記得頂我,高手繞道。。。勿噴。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則