快消品貨源批發市場
快消品貨源分銷平臺
 
 
當前位置: 貨源批發網 » 網商學院 » 網店裝修 » 淘寶店鋪裝修 » 將淘寶旺鋪專業版950模塊應用到基礎版750模塊中

將淘寶旺鋪專業版950模塊應用到基礎版750模塊中

放大字體  縮小字體 發布日期:2024-04-23 22:26:39  來源:電商聯盟  作者:樂發網  瀏覽次數:10

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

假期幫幾個基礎版網店朋友裝修了一下網店,論壇里有很多漂亮的模塊都是直接運用在專業版的950區域的,經過改造一下,就可以放到基礎版中應用了。

以下面這個原本在專業版中展示的950區域代碼為例子

 

  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>
復制代碼

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

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

  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. 原來的代碼
復制代碼
添加這個代碼后,變成下列代碼:


  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>
復制代碼

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


親們可以根據這個原理,把所有的專業版950模塊,移植到基礎版中使用了。

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

樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。

本文內容整合網站:百度百科知乎淘寶平臺規則

本文來源: 將淘寶旺鋪專業版950模塊應用到基礎版750模塊中

分享與收藏:  網商學院搜索  告訴好友  關閉窗口  打印本文 本文關鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶店鋪裝修如何實現全屏輪播
淘寶裝修子賬號設置流程 7個步驟打造史上最牛詳情頁
淘寶店鋪裝修網商學院推薦
淘寶店鋪裝修點擊排行
 
手機版 手機掃描訪問
主站蜘蛛池模板: 成年女性特黄午夜视频免费看| 欧美午夜理伦三级在线观看| 四虎永久免费地址在线观看| 久久精品亚洲一区二区三区浴池| 美女被啪羞羞视频网站| 国产成人啪精品视频免费网| www.尤物视频.com| 有坂深雪初尝黑人在线观看| 亚洲欧美日韩综合一区| 脱顶胖熊老头同性tv| 国产大学生粉嫩无套流白浆| 99无码精品二区在线视频| 干b视频在线观看| 亚洲AV综合色区无码一区| 欧美极品videossex激情| 人人爽人人澡人人高潮| 精品久久久久中文字幕日本| 国产成人片无码视频在线观看 | a级毛片高清免费视频在线播放| 性做久久久久免费观看| 中文字幕在线视频免费观看| 日本在线观看免费看片| 久久无码无码久久综合综合 | 黄色aaa级片| 国产欧美日韩视频免费61794| 色聚网久久综合| 国产精品极品美女自在线| 91亚洲精品第一综合不卡播放| 在线天堂bt种子| 中文字幕日韩人妻不卡一区| 欧美乱xxxxx| 亚洲妇熟xxxx妇色黄| 欧美猛交xxxx免费看| 亚洲精品456在线播放| 波多野结衣在线影院| 伊人免费在线观看高清版| 男人桶女人视频不要下载 | 久久久久久久久久福利| 日本欧美韩国专区| 久久久久女教师免费一区| 日本中文字幕有码在线视频|