今天教大家通過不花一毛錢就可以跳出淘寶設置的950框架，做全屏的淘寶店鋪首頁裝修。需要一丟丟代碼知識，要學會套用。

原理：不用買模板也可以的，用代碼編輯 單圖全屏模式就可以

1.首先，當然是把淘寶自帶導航去掉，淘寶導航只支持CSS代碼）

插入代碼： .skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;} 點擊確定

這時你會發現導航被隱藏了。

2.接著可以做店招了，店招只支持950的寬度，全屏顯示是1920，怎么破？原理很簡單，做一個1920的店招，取中間950放自己的內容。然后將1920整張設置為店招背景，再將950的部分裁出來上傳到店招的位置，就把背景重復的覆蓋掉了~~

以下圖是950的店招區域：

然后添加1920整張圖片作為背景：

再看一下，兩部分就疊加一起了~

預覽一下~跳出950框架，巧妙1920全屏了

3.接下來可以開始做產品頁面了，全部做成1920寬度，時間關系，我就以色塊表示，做好之后切片保存為圖像和HTML格式（因為每個寶貝都要添加鏈接，要用到DW）

然后，到布局管理里面把淘寶的模板刪掉~~，自己添加一個自定義模塊（一個就行，把圖片全部放進去）

進入編輯狀態。因為框架是支持950的，所以直接把圖片上傳的話，系統就會自動壓縮成950，而要做1920的就要用到css代碼了。

重要事情說3遍。切了多少張圖片藍色代碼就復制多少次，比如我剛才切3張，就復制3次，然后依次把圖片地址換掉。

比如我改好之后是這樣的，三張圖片就添加好了。

這里的450高度根據自己實際情況改，我這里改成了1500px

預覽一下~~，頁頭和頁面都挑出了原有框架。會了這招，就不用花錢買模板了。整個邏輯其實就是添加CSS代碼，沖出原有固定框架~實現了全屏。

補充：有人問怎么用DW添加連接，補充一下用DW添加鏈接，把圖片都上傳到淘寶圖片空間之后，把源代碼全部復制到DW代碼里面，點擊拆分或者設計，點擊選中圖片，就會出現框選區域的工具，就可以框選區域了，對你的寶貝添加鏈接。鏈接必須是淘寶的鏈接，其他鏈接不會成功。。因為淘寶已經設定了。。。搞好之后，再把全部代碼復制回到淘寶自定義模塊。就ok了。

最后如果大家覺得這樣麻煩，當然還有更簡單的方法，那就是使用淘寶美工助理代碼生成器，這樣不需要上述繁瑣的過程，直接輸入圖片地址既可生成全屏代碼，同時可以消除模塊間隙，復制粘貼既可，非常方便。同時軟件還可以實現淘寶裝修的一百多種特效，需要購買這款軟件的朋友可以直接去淘寶美工助理官方店鋪購買。