快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 將淘寶旺鋪專業(yè)版950模塊應(yīng)用到基礎(chǔ)版750模塊中

將淘寶旺鋪專業(yè)版950模塊應(yīng)用到基礎(chǔ)版750模塊中

放大字體  縮小字體 發(fā)布日期:2024-04-23 22:26:39  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):10

各位親,大家新年好,給大家拜個晚年了。祝各位朋友在新的一年里,事事順,財(cái)源廣進(jìn),馬到成功,馬上有錢!

假期幫幾個基礎(chǔ)版網(wǎng)店朋友裝修了一下網(wǎng)店,論壇里有很多漂亮的模塊都是直接運(yùn)用在專業(yè)版的950區(qū)域的,經(jīng)過改造一下,就可以放到基礎(chǔ)版中應(yīng)用了。

以下面這個原本在專業(yè)版中展示的950區(qū)域代碼為例子

 

  1. <div style=" background:#FFF; overflow:hidden">
  2.   <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>
  3.     <div style=" float:left; width:474px; height:270px; overflow:hidden; margin-left:2px;">
  4.       <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>
  5.         <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>
  6.         <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>
  7.         <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>
  8.     </div>
  9.     <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>
  10. </div><a name="sgmb"></a>
復(fù)制代碼

 
把以上代碼直接安裝到基礎(chǔ)版的750區(qū)域中,顯示效果如下:
 

把這個代碼加上下面代碼:

  1. <div style="overflow:hidden;zoom:1;height:275px;">
  2.   <div class="footer-more-trigger" style="width:950px;height:275px;left:auto;top:auto;margin:0;padding:0;border:0;">
  3.     <div class="footer-more-trigger" style="top:auto;left:-190px;margin:0;padding:0;border:0;">
  4.       <table border="0" cellpadding="0" cellspacing="0" class="" height="275" width="950">
  5.         <tbody>
  6.           <tr>
  7.             <td>
  8.               
  9. 原來的代碼
復(fù)制代碼
添加這個代碼后,變成下列代碼:


  1. <div style="overflow:hidden;zoom:1;height:275px;">
  2.   <div class="footer-more-trigger" style="width:950px;height:275px;left:auto;top:auto;margin:0;padding:0;border:0;">
  3.     <div class="footer-more-trigger" style="top:auto;left:-190px;margin:0;padding:0;border:0;">
  4.       <table border="0" cellpadding="0" cellspacing="0" class="" height="275" width="950">
  5.         <tbody>
  6.           <tr>
  7.             <td>
  8.               <div style="background:#FFF;overflow:hidden;">
  9.                 <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>
  10.                 <div style="float:left;width:474px;height:270px;overflow:hidden;margin-left:2px;">
  11.                   <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>
  12.                 <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>
  13.             </td>
  14.           </tr>
  15.         </tbody>
  16.       </table>
  17.     </div>
  18.   </div>
  19. </div>
復(fù)制代碼

把這個修改過的代碼安裝到基礎(chǔ)版750區(qū)域,想左偏移190PX后,就變成了950區(qū)域的模塊了。
 


親們可以根據(jù)這個原理,把所有的專業(yè)版950模塊,移植到基礎(chǔ)版中使用了。

如果對您有幫助,記得頂我,高手繞道。。。勿噴。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(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ī)則

本文來源: 將淘寶旺鋪專業(yè)版950模塊應(yīng)用到基礎(chǔ)版750模塊中

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
淘寶裝修子賬號設(shè)置流程 7個步驟打造史上最牛詳情頁
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net