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

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

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

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

假期幫幾個基礎版網(wǎng)店朋友裝修了一下網(wǎng)店,論壇里有很多漂亮的模塊都是直接運用在專業(yè)版的950區(qū)域的,經(jī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>
復制代碼

 
把以上代碼直接安裝到基礎版的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. 原來的代碼
復制代碼
添加這個代碼后,變成下列代碼:


  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區(qū)域,想左偏移190PX后,就變成了950區(qū)域的模塊了。
 


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

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

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

本文內容整合網(wǎng)站:百度百科知乎淘寶平臺規(guī)則

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

分享與收藏:  網(wǎng)商學院搜索  告訴好友  關閉窗口  打印本文 本文關鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶店鋪裝修如何實現(xiàn)全屏輪播
淘寶裝修子賬號設置流程 7個步驟打造史上最牛詳情頁
淘寶店鋪裝修網(wǎng)商學院推薦
淘寶店鋪裝修點擊排行
 
手機版 手機掃描訪問
主站蜘蛛池模板: avbobo网址在线观看| 国产亚AV手机在线观看| xxxxx在线| 无码AV免费毛片一区二区| 亚洲av无码一区二区乱子伦as | 日韩电影免费在线观看中文字幕| 亚洲欧洲第一页| 激情小说在线视频| 国产成人h片视频在线观看| 538国产视频| 国偷自产AV一区二区三区| av天堂午夜精品一区| 小仙女app2021版最新| 中文字幕在线观看不卡| 欧美激情观看一区二区久久| 伊人久久大香线蕉综合网站| 精品无码人妻一区二区三区不卡| 国产yw855.c免费视频| 西西人体高清444rt·wang| 国产大片黄在线播放| 国产精品亚洲综合五月天| 国产精品亚洲专区一区| 4hu四虎永久免在线视| 国内露脸中年夫妇交换视频| av无码aV天天aV天天爽| 天天色天天操天天射| sao虎新版高清视频在线网址| 日本边添边摸边做边爱边| 五月天婷婷丁香| 最近的中文字幕视频完整| 人人妻人人澡人人爽精品欧美| 篠田优在线一区中文字幕| 内射一区二区精品视频在线观看 | 中文丰满岳乱妇在线观看| 新梅金瓶2之爱奴国语| 久久久999久久久精品| 日本免费的一级v一片| 久久亚洲精品无码观看不卡| 日韩av无码一区二区三区| 久久国产乱子伦免费精品| 日本边添边摸边做边爱的网站|