整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
這里只發(fā)幾個效果，現(xiàn)在淘寶對CSS權限破解力度比較大，破解以后 很快會失效。經(jīng)常會去重新設計修改首頁 太麻煩，所以米色設計店鋪首頁不展示什么特效了，只在二級頁面演示。主要是為了方便大多數(shù) 不會破解 但是又下使用特效的小伙伴。無需CSS權限 也能實現(xiàn)很多效果。基本能滿足需要了。】
本帖只發(fā)第一張圖的效果，無需CSS權限仿制天貓首頁 圖片左移的效果
<div style="height:1920px;">
<div style="width:950px;height:417px;margin:0px auto;" data-source="米色設計：[url]http://cisdesign.taobao.com[/url]">
<div class="miser-hover" style="width:466px;height:415px;background-image:url(//gdp.alicdn.com/imgextra/i4/675431384/TB2KHljcFXXXXafXXXXXXXXXXXX_!!675431384.jpg);border:1px solid #CCC;float:left;"> </div>
<div class="miser-hover" style="width:240px;height:207px;border-top:1px solid #CCC;border-right:1px solid #CCC;float:left;"> <a target="_blank" class="tmsg_button_read-all miser-bug" style="width:240px;height:207px;background-image:url(//gdp.alicdn.com/imgextra/i2/675431384/TB2BpXdcFXXXXXwXpXXXXXXXXXX_!!675431384.png);top:0px;right:0px;position:relative;transition:all 0.7s;"></a> </div>
<div class="miser-hover" style="width:240px;height:207px;border-top:1px solid #CCC;border-right:1px solid #CCC;float:left;"> <a target="_blank" class="tmsg_button_read-all miser-bug" style="width:240px;height:207px;background-image:url(//gdp.alicdn.com/imgextra/i2/675431384/TB27NBicFXXXXayXXXXXXXXXXXX_!!675431384.png);top:0px;right:0px;position:relative;transition:all 0.7s;"></a> </div>
<div class="miser-hover" style="width:240px;height:207px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;float:left;"> <a target="_blank" class="tmsg_button_read-all miser-bug" style="width:240px;height:207px;background-image:url(//gdp.alicdn.com/imgextra/i4/675431384/TB2pXRecFXXXXcyXXXXXXXXXXXX_!!675431384.png);top:0px;right:0px;position:relative;transition:all 0.7s;"></a> </div>
<div class="miser-hover" style="width:240px;height:207px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #CCC;float:left;"> <a target="_blank" class="tmsg_button_read-all miser-bug" style="width:240px;height:207px;background-image:url(//gdp.alicdn.com/imgextra/i4/675431384/TB28fXicFXXXXaBXXXXXXXXXXXX_!!675431384.png);top:0px;right:0px;position:relative;transition:all 0.7s;"></a> </div>
</div>
</div>
將代碼復制到DW里面，不放也 可以。 將圖片地址替換成你店鋪圖片空間里面的圖片地址
如果需要修改寬高尺寸，建議沒有代碼基礎不要修改，因為改錯了，會錯位。有代碼經(jīng)驗 可以修改。
有同志要說了。這個不就是一個CSS效果嗎，有這么厲害嗎
如果做過淘寶店鋪裝修就知道，淘寶店鋪不允許使用CSS，需要購買。那么沒有購買 又想做特效，就需要費神了。通用的 如果代碼使用有上面問題，可以去我群里交流 （101527468）或者在下面評論都可以哦。
于淘寶店鋪來說，完成店鋪的裝修非常的重要，現(xiàn)在店鋪裝修分為了電腦端和手機端店鋪的裝修，在電腦上面操作會更加的方便一點。那么如何裝修店鋪?
1、確定風格
想要打造有質(zhì)感的店鋪，讓買家感覺到我們的產(chǎn)品都是有質(zhì)保的品牌貨，絕不是三無。純色比較簡單，修圖的時候易操作，而且旺鋪版本身的配色就是純色好匹配。
2、看別人的店鋪裝修
就是看看看，既可以看付費模板找靈感，也可以看別人店鋪。這個過程中，找到了幾個提供免費代碼，甚至一些板塊的圖或代碼在線生成的網(wǎng)站。找到了不錯的模板素材，包括圖和代碼。可以自己上網(wǎng)搜，一下能出來。
3、畫草圖
4、做店招
定位可以是在網(wǎng)上找到的店招圖片，復制一份留個底。如果這圖本身就是純色，需要做的就是抹掉不需要的文字，加上我們店鋪的名稱。
如果店招只有店名，直接添文字保存即可。如果店招有滾動通知、店鋪收藏等部分，店招最好保持純背景功能，店名單獨存為png，防止網(wǎng)頁在不同分辨率的顯示屏上飄移錯位。
5、換背景圖
可以找模板比較完整的，包含了店招背景圖和店鋪背景圖。都是純色，直接替換了。
6、做全屏海報
網(wǎng)上能搜到很多全屏海報的代碼。可以用旺鋪自帶的海報滾動模塊，只是把海報背景做成店鋪背景一樣的。因為店鋪背景是純色的，所以更簡單了，新建一張同色的畫布，把海報產(chǎn)品摳出來放上就好了。
7、隱藏一切模塊的名稱
比如上新、熱賣等字樣，千萬別用模塊的顯示名稱，不然風格馬上就回到解放前。可以自己做圖放上去，也可以直接新建自定義模塊寫文本就行了。一切背景色都用同一個顏色的色塊填充可填充的地方有：頁頭背景、頁面背景，色塊的尺寸比例：隨意。純色的怎么填充都是一樣的其它的代碼在網(wǎng)上有很多，隨意組合搜索，比如“導航欄css代碼”“收藏店鋪的鏈接生成”等。要充分利用搜索引擎。
總而言之淘寶裝修并不復雜，只是很多的操作比較繁瑣，比較費時間，所以很多商家都不太愿意把時間花在這上面。但是其實如果店鋪裝修的好，對于商品的銷量也是會起到很明顯的作用的。
gt;>閱讀前請點擊右上角【關注】海潮說電商頭條號，每天收獲社交電商干貨內(nèi)容。
淘寶主圖、詳情頁等圖片的重要性大家都知道，那么以下的這些店鋪裝修設計網(wǎng)站對于電商人來說一定用得到，網(wǎng)址都給大家整理出來了。
1、昵圖網(wǎng)
http://www.nipic.com/index.html
2、站酷網(wǎng)
https://www.zcool.com.cn/
3、站長素材
http://sc.chinaz.com/
4、千圖網(wǎng)
https://www.58pic.com/
5、花瓣網(wǎng)
https://huaban.com/
6、優(yōu)設
http://www.uisdc.com/
7、我圖網(wǎng)
https://www.ooopic.com/
8、懶人圖庫
http://www.lanrentuku.com/
9、淘圖網(wǎng)
http://sc.chinaz.com/
10、云匠網(wǎng)
https://www.93jiang.com/
11、淘寶神筆
https://xiangqing.taobao.com/index.html
12、免費模板
http://www.amaomb.com/
13、壹圖網(wǎng)
http://www.1tu.com/
【關注、轉(zhuǎn)評】后私信送運營數(shù)據(jù)分析表格一套。
我是海潮，洪海龍騰，助力中國電商！
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
