用自定義模塊添加代碼裝修店鋪方法介紹

網通教你如何在店鋪中添加自定義模塊

方法/步驟

點擊「添加模塊」

2)添加「自定義內容」,即成功創建自定義模塊。

3)進入自定義模塊,代碼編輯頁

4)把編輯好的代碼複製到自定義模塊,點擊「確定」即可

查看圖片地址。

店鋪裝修中,添加背景圖,增加輪播廣告圖等,需要調用圖片的地址。獲取圖片地址方法如下:

1) 在自定義模塊上傳圖片

2) 上傳後,點擊圖片右鍵即可查看圖片地址

複製保存圖片地址。

3、代碼及實現效果

1)添加背景圖片

</span>

<style type="text/css"> BODY { background: url(圖片地址)} </style>

<span style="font-size:14px;color:#333333;">

例子:

</span>

<style type="text/css"> BODY { background:

url(http://image2.ewt.cc/upload/images/original/2013/09/29/4c1fd48a5f01ec0daf99cc6b16fc7dfd.jpg)}

</style>

<span style="font-size:14px;color:#333333;">

效果:   2)添加背景顏色 純顏色形式:(只需要更改顏色代碼) 點擊查看顏色代碼

</span>

<style type="text/css">

body

{background-color:顏色代碼;}

</style>

<span style="font-size:14px;color:#333333;">

例子:

</span>

<style type="text/css">

body

{background-color: #FFEFDB;}

</style>

<span style="font-size:14px;color:#333333;">

效果:

3) 添加輪播廣告圖

</span>

<div class="CL1 W950 H450  PS4 OF2  " f="f85" f85="1">

<ul class="PS1" f85="2">

<li>

<b><a target="_blank" href="圖片連結"> <img class="W950 H450" src="圖片地址" /></a> </b>

</li>

<li>

<b><a target="_blank" href="圖片連結"> <img class="W950 H450" src="圖片地址" /></a> </b>

</li>

<b><span style="font-size:14px;color:#333333;">…</span></b>

</ul>

<ul class="I_li__DP3xF1" f85="3">

</ul>

<span style="font-size:14px;color:#333333;">

說明: A、 「圖片連結」指點擊該圖片後,打開的連結地址 B、 「圖片地址」指上傳到網通伺服器的圖片地址,查看方法參照第2點「查看圖片地址」 C、 圖片尺寸寬度須為950,高度不限;代碼尺寸須與圖片尺寸對應。 D、 可設計多張圖片輪播 例子: 3張圖片輪播

</span>

<div class="CL1 W950 H450  PS4 OF2  " f="f85" f85="1">

<ul class="PS1" f85="2">

<li>

<a target="_blank" href="http://sc.ewt.cc/949948/item-48264/page.html"> <img class="W950 H450" src="http://image2.ewt.cc/upload/images/original/2013/05/31/5a0862173930e5b7a95a9b93cb3a47c0.jpg" /> </a>

</li>

<li>

<a target="_blank" href="http://sc.ewt.cc/949948/item-48258/page.html"> <img class="W950 H450" src="http://image2.ewt.cc/upload/images/original/2013/05/31/0cc59690c982aea840e1fc0d87d015de.jpg" /> </a>

</li>

<li>

<a target="_blank" href="http://sc.ewt.cc/949948/item-48258/page.html"> <img class="W950 H450" src="http://image2.ewt.cc/upload/images/original/2013/09/30/960487530d7703ed7e19f24196bec7ed.jpg" /> </a>

</li>

</ul>

<ul class="I_li__DP3xF1" f85="3">

</ul>

</div>

<span style="font-size:14px;color:#333333;">

4) 添加個950*(不定)的客服專欄,只需要用戶更改IM號就能使用;

</span>

<table class="ke-zeroborder" border="0" width="950">

<tbody>

<tr>

<td bgcolor="#FFFFFF" width="200">

<img alt="" src="http://image2.ewt.cc/upload/images/original/2013/04

/02/6a7e8893d0509a2ecc99eb7cbf7415e3.gif" height="122" width="200" />

</td>

<td colspan="5" bgcolor="#FFFFFF">

<table class="ke-zeroborder" border="0" height="89" width="100%">

<tbody>

<tr>

<td height="40" width="16%">

<span style="font-size:14px;color:#333333;">售前客服一</span>

</td>

<td width="11%">

<div class="F1 W65 ML10 MT3">

<a href="#" f137="9" f137_im2="110750" class=" f137_im1 "></a>

</div>

</td>

<td width="21%">

<span style="font-size:14px;color:#333333;">售前客服三</span>

</td>

<td width="13%">

<div class="F1 W65 ML10 MT3">

<a href="#" f137="9" f137_im2="110952" class=" f137_im1 "></a>

</div>

</td>

<td width="23%">

<span style="font-size:14px;color:#333333;">售後客服一</span>

</td>

<td width="16%">

<div class="F1 W65 ML10 MT3">

<a href="#" f137="9" f137_im2="110907" class=" f137_im1 "></a>

</div>

</td>

</tr>

<tr>

<td>

<span style="font-size:14px;color:#333333;">售前客服二</span>

</td>

<td>

<div class="F1 W65 ML10 MT3">

<a href="#none" f137="9" f137_im2="110703" class=" f137_im1 "></a>

</div>

</td>

<td>

<span style="font-size:14px;color:#333333;">售前客服四</span>

</td>

<td>

<div class="F1 W65 ML10 MT3">

<a href="#" f137="9" f137_im2="110936" class=" f137_im1"></a>

</div>

</td>

<td>

<span style="font-size:14px;color:#333333;">售後客服二</span>

</td>

<td>

<div class="F1 W65 ML10 MT3">

<a href="#" f137="9" f137_im2="110769" class=" f137_im1 "></a>

</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<span style="font-size:14px;color:#333333;">

5) 添加個950*500的產品列表 例如:http://sc.ewt.cc/267449/

</span>

<table class="ke-zeroborder" border="0" cellpadding="0" cellspacing="0" width="950">

<tbody>

<tr>

<td>

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="950">

</table>

</td>

</tr>

<tr>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r3_c1.jpg" height="26" width="950">

</td>

</tr>

<tr>

<td>

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="950">

<tbody>

<tr>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r4_c1.jpg" height="218" width="12">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-46190/page.html"><img alt="" id="n03_r4_c2" src="http://image2.ewt.cc/upload/images/view/2013/05/09/d93b1e82e281940c8da0974998aeab31.jpg" name="n03_r4_c2" border="0" height="216" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r4_c3.jpg" height="218" width="21">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-45912/page.html"><img alt="" id="n03_r4_c4" src="http://image2.ewt.cc/upload/images/view/2013/05/09/fcdef6f1c69f4363444b98499f18711c.jpg" name="n03_r4_c4" border="0" height="218" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r4_c5.jpg" height="218" width="19">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-45877/page.html"><img alt="" id="n03_r4_c6" src="http://image2.ewt.cc/upload/images/view/2013/05/09/d90f1a808f5f9547b30adc2026b53ac3.jpg" name="n03_r4_c6" border="0" height="218" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r4_c7.jpg" height="218" width="22">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-45761/page.html"><img alt="" id="n03_r4_c8" src="http://image2.ewt.cc/upload/images/view/2013/05/09/904c141bc8004a1610e9bee7728fc868.jpg" name="n03_r4_c8" border="0" height="218" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r4_c9.jpg" height="218" width="12">

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td>

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="950">

<tbody>

<tr>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c1.jpg" height="42" width="12">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c2.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;">孔子書包&nbsp;  R201B 深藍色</span>

</td>

<td width="50">

<span style="color:#333333;font-size:14px;"><strong>49元</strong></span>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c3.jpg" height="42" width="21">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c4.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;">孔子書包 </span><span style="color:#333333;font-size:14px;"> R201A 淺紅色</span>

</td>

<td width="50">

<strong><span style="color:#333333;font-size:14px;">49元</span></strong>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c5.jpg" height="42" width="19">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c6.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;">孔子書包 K2015 寶藍配灰色</span>

</td>

<td width="50">

<span style="color:#333333;font-size:14px;"><strong>59元</strong></span>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c7.jpg" height="42" width="22">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c8.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;">孔子書包K2014玫瑰配粉紅色</span>

</td>

<td width="50">

<span style="color:#333333;font-size:14px;"><strong>59元</strong></span>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r5_c9.jpg" height="42" width="12">

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r6_c1.jpg" height="17" width="950">

</td>

</tr>

<tr>

<td>

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="950">

<tbody>

<tr>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r7_c1.jpg" height="218" width="12">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-45760/page.html"><img alt="" id="n03_r7_c2" src="http://image2.ewt.cc/upload/images/view/2013/05/09/85941e42fec5ae9e52012dd586587366.jpg" name="n03_r7_c2" border="0" height="218" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r7_c3.jpg" height="218" width="21">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-45759/page.html"><img alt="" id="n03_r7_c4" src="http://image2.ewt.cc/upload/images/view/2013/05/09/77dae910a170166ac2b94655d9942007.jpg" name="n03_r7_c4" border="0" height="218" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r7_c5.jpg" height="218" width="19">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-45758/page.html"><img alt="" id="n03_r7_c6" src="http://image2.ewt.cc/upload/images/view/2013/05/09/62db4f108bf2d3de2c9d124b206d1e17.jpg" name="n03_r7_c6" border="0" height="218" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r7_c7.jpg" height="218" width="22">

</td>

<td>

<a href="http://sc.ewt.cc/267449/item-45749/page.html"><img alt="" id="n03_r7_c8" src="http://image2.ewt.cc/upload/images/view/2013/05/09/790aa905b7268dae8ce407832de3ee38.jpg" name="n03_r7_c8" border="0" height="218" width="216" /></a>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r7_c9.jpg" height="218" width="12">

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<tr>

<td>

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="950">

<tbody>

<tr>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c1.jpg" height="42" width="12">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c2.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;"> 孔子書包K2013 寶藍配水藍</span>

</td>

<td width="50">

<span style="color:#333333;font-size:14px;"><strong>79元</strong></span>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c3.jpg" height="42" width="21">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c4.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;">孔子書包超輕款 K308 藍色</span>

</td>

<td width="50">

<span style="color:#333333;font-size:14px;"><strong>79元</strong></span>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c5.jpg" height="42" width="19">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c6.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;">孔子書包 超輕款 K308 粉紅色 </span>

</td>

<td width="50">

<span style="color:#333333;font-size:14px;"> <strong>79元</strong></span><strong></strong>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c7.jpg" height="42" width="22">

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c8.jpg" height="42" width="216">

<table class="ke-zeroborder" align="left" border="0" cellpadding="0" cellspacing="0" width="216">

<tbody>

<tr>

<td width="166">

<span style="color:#333333;font-size:14px;">孔子書包&nbsp; K303 粉色</span>

</td>

<td width="50">

<span style="color:#333333;font-size:14px;"><strong>99元</strong></span>

</td>

</tr>

</tbody>

</table>

</td>

<td background="http://2www.yubaibai.com.cn/201212/5/03_r8_c9.jpg" height="42" width="12">

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<span style="font-size:14px;color:#333333;">

相關文章

  1. QQ空間自定義模塊添加圖片地址和外鏈超鏈的方法

    前幾天客戶找我做QQ空間設計,我就接了這個單,客戶要求在圖片裡添加淘寶店鋪的連結,我試了很多次都沒添加成功,在百度上也沒有找到解決方法,後來自己摸索了很久才將店鋪地址添加成功,今天把添加方法分享給大家 ...
  2. 開網店兩種裝修店鋪方法

    位於普通店鋪首頁的右上角,店主可以隨時發布滾動的文字信息,也可以通過網頁代碼發布圖文配合的公告信息,讓公告欄更清晰.美觀,並且可以加入動畫讓效果更醒目.這是宣傳推廣最新發布的新產品,公告店鋪最新促銷信 ...
  3. 淘寶店如何通過代碼裝修店鋪

    用代碼裝修店鋪首先得有代碼,不論是別人的還是自己的,能用的才是最好的,不會PS做代碼的可以看我之前的一個用PS做關聯營銷,輸出的代碼接著這裡可以用到 工具/原料 做好的代碼 方法/步驟 打開淘寶後台賣 ...
  4. 分享:淘寶店鋪專修進入裝修店鋪方法

     現在很多新手店長剛把新店開起來,首先面臨的就是店鋪裝修問題.但是只知道自己的店鋪需要裝修,不知道在哪裡裝修?甚至不知道從哪裡進去到裝修頁面!這裡小編不定期告訴大家! 大家先進去"我的淘寶& ...
  5. 如何上傳阿里巴巴國際站自定義模塊添加添加視頻

    旺鋪2.0阿里國際站如何添加上傳自己拍攝的視頻呢 ?其實很簡單幾個步驟你可以搞定 工具/原料 阿里巴巴國際站帳戶 一秒鐘美工助手 方法/步驟 先登錄帳號,上傳視頻至視頻銀  拍攝高質量的企業或產品宣導 ...
  6. 驅動人生6添加印表機功能使用方法介紹

    目前驅動人生官網已經放出了驅動人生6的內測版本,細心的朋友可能發現了在工具大全中新增了添加印表機功能,接下來就為大家介紹驅動人生6添加印表機功能使用教程. 打開驅動人生6,可以看到界面和以前有很大的不 ...
  7. 口碑旅行添加我的足跡方法介紹

    口碑旅行是一款最到位的出境游服務應用.秒查您周邊的場所口碑,讓您對其特點和優缺點一目了然.下面就為大家介紹口碑旅行添加我的足跡方法,來看看吧 方法/步驟 1)打開[口碑旅行],進入到主界面後,點擊左上 ...
  8. E語言模塊怎麼引用以及使用方法介紹

    本文主要內容: 1.E語言如何調用(引用)模塊 2.模塊的說明介紹及使用方法 工具/原料 E語言軟體 E語言模塊(後綴名.ec) 模塊的引用及介紹 首先我們新建一個E語言程序,雙擊左側模塊引用,彈出對 ...
  9. 郵件添加多個帳戶方法介紹

    電腦郵件是非常常用的功能,下面介紹下電腦郵件添加多帳戶的方法 工具/原料 桌上型電腦一台 郵件相關軟體 方法/步驟 首先打開郵箱,點擊右鍵後,顯示如下圖所示. 選擇設置,彈出如下圖所示的窗口. 點擊新建 ...
  10. 蘋果7手機拍照添加時間等水印方法介紹

    目前蘋果手機自帶的相機不支持在照片中添加日時間.地點.天氣等水印,而生活中又時常需要增加水印,這時可以下載其他相機軟體,推薦使用水印相機. 工具/原料 蘋果7手機 水印相機 方法/步驟 蘋果應用商店搜 ...
  11. PDF怎麼添加背景顏色?添加背景顏色的方法介紹

    PDF怎麼添加背景顏色?添加背景顏色的方法介紹,PDF文件中有時候看起來會比較的單調,這時我們可以給PDF文件添加一下背景顏色,這樣PDF文件在打開的時候看起來就不會那麼單調了,那麼下面小編就簡單的介 ...
  12. 京東裝修怎麼添加懸浮導航側滑條模塊和代碼方法

    京東裝修中,側滑條是一個十分重要的部分,兩側的導航可以幫助商家提升用戶體驗,讓人們產生賞心悅目感受的同時,享受到瀏覽店鋪的便利.具體添加側滑條代碼方式如下: 工具/原料 已經寫好的側滑條代碼 側滑條圖 ...
  13. 淘寶裝修怎麼添加全屏自定義模塊

    淘寶裝修是一個很專業的事情,還有很多公司和設計師都在做這個..淘寶系統提供了裝修功能,我們可以通過自定義設置進行裝飾店鋪, 有時候在裝修淘寶店鋪的時候,需要添加全屏的圖片,以達到更好看的效果.使用下面 ...
  14. 怎麼在淘寶店鋪添加左側自定義內容區代碼

    今天飄遙網絡淘寶裝修教大家怎麼在淘寶店鋪添加左側自定義內容區代碼讓你的店鋪增加光彩 工具/原料 淘寶店鋪(標準版) 淘寶店鋪裝修模板 步驟/方法 製作屬於自己的代碼 首先 打開在我們網站上下載的模板文 ...
  15. 利用淘寶手機端自定義模塊來裝修出漂亮的店鋪

    大家好!9月份來了明顯感受到秋意的涼爽,今天抽點時間給大家帶來淘寶手機端裝修不求人的一個教程. 我本人也從事淘寶平面設計好多年了,也算是分享一點心得和經驗給大家吧. 方法/步驟 1.我們都知道現在淘寶 ...
  16. 淘寶裝修—超級模板自定義模塊製作安裝

    超級模板]自定義模塊支持旺鋪基礎版/專業版/天貓版,所有模板都是通用模板,支持各行業哦.1.自定義塊需要添加自定義內容區放代碼進去保存,不能直接跟寶貝詳情放在一起哦:2.安裝時使用ie瀏覽器可能會遇到 ...
  17. 天貓背景固定模塊透明效果的實現方法代碼

    現在好多做天貓美工的代碼不是很懂,現在就給大家說下怎麼實現透明模塊代碼,看後讓你從小白變成大神-- 工具/原料 dw 天貓後台 方法/步驟 backgroud:url(背景圖片地址注意:是圖片空間的鏈 ...
  18. EmEditor個性配置及淘寶自定義模塊代碼修改運用

    EmEditor以運作輕巧.敏捷而又功能強大.豐富著稱,得到許多用戶的好評.Windows內建的記事本程式由於功能太過單薄,所以有不少用戶直接以EmEditor取代,通過個性配置後,使淘寶自定義模塊代 ...
  19. QQ空間如何添加和刪除自定義模塊?

    QQ現在是網上聊天必不可少的,所以在加對方好友的時候,對方就會第一時間來你空間逛逛,如果沒有比較前衛.時尚.舒心的主頁模塊,很難讓別人對你的空間留下印象,所以今天我就把如何添加.刪除自定義模塊的方法分 ...
  20. 淘寶自定義模塊代碼實現1920大圖輪番,自定義

    淘寶的專業店鋪模板的大圖輪番寬度是950,並沒有1920這種鋪滿全屏的大氣,好看,如果你做店鋪,有兩種方法實現1920的大圖輪番.1.掏錢買模板,這對一些前期先學習試做淘寶的朋友來說並不很好.2.通過 ...