今天教大家通過(guò)不花一毛錢(qián)就可以跳出淘寶設(shè)置的950框架，做全屏的淘寶店鋪首頁(yè)裝修。需要一丟丟代碼知識(shí)，要學(xué)會(huì)套用。
原理：不用買(mǎi)模板也可以的，用代碼編輯 單圖全屏模式就可以
1.首先，當(dāng)然是把淘寶自帶導(dǎo)航去掉，淘寶導(dǎo)航只支持CSS代碼）
插入代碼： .skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;} 點(diǎn)擊確定
這時(shí)你會(huì)發(fā)現(xiàn)導(dǎo)航被隱藏了。
2.接著可以做店招了，店招只支持950的寬度，全屏顯示是1920，怎么破？原理很簡(jiǎn)單，做一個(gè)1920的店招，取中間950放自己的內(nèi)容。然后將1920整張?jiān)O(shè)置為店招背景，再將950的部分裁出來(lái)上傳到店招的位置，就把背景重復(fù)的覆蓋掉了~~
以下圖是950的店招區(qū)域：
然后添加1920整張圖片作為背景：
再看一下，兩部分就疊加一起了~
預(yù)覽一下~跳出950框架，巧妙1920全屏了
3.接下來(lái)可以開(kāi)始做產(chǎn)品頁(yè)面了，全部做成1920寬度，時(shí)間關(guān)系，我就以色塊表示，做好之后切片保存為圖像和HTML格式（因?yàn)槊總€(gè)寶貝都要添加鏈接，要用到DW）
然后，到布局管理里面把淘寶的模板刪掉~(yú)~，自己添加一個(gè)自定義模塊（一個(gè)就行，把圖片全部放進(jìn)去）
進(jìn)入編輯狀態(tài)。因?yàn)榭蚣苁侵С?50的，所以直接把圖片上傳的話，系統(tǒng)就會(huì)自動(dòng)壓縮成950，而要做1920的就要用到css代碼了。
重要事情說(shuō)3遍。切了多少?gòu)垐D片藍(lán)色代碼就復(fù)制多少次，比如我剛才切3張，就復(fù)制3次，然后依次把圖片地址換掉。
比如我改好之后是這樣的，三張圖片就添加好了。
這里的450高度根據(jù)自己實(shí)際情況改，我這里改成了1500px
預(yù)覽一下~~，頁(yè)頭和頁(yè)面都挑出了原有框架。會(huì)了這招，就不用花錢(qián)買(mǎi)模板了。整個(gè)邏輯其實(shí)就是添加CSS代碼，沖出原有固定框架~實(shí)現(xiàn)了全屏。
補(bǔ)充：有人問(wèn)怎么用DW添加連接，補(bǔ)充一下用DW添加鏈接，把圖片都上傳到淘寶圖片空間之后，把源代碼全部復(fù)制到DW代碼里面，點(diǎn)擊拆分或者設(shè)計(jì)，點(diǎn)擊選中圖片，就會(huì)出現(xiàn)框選區(qū)域的工具，就可以框選區(qū)域了，對(duì)你的寶貝添加鏈接。鏈接必須是淘寶的鏈接，其他鏈接不會(huì)成功。。因?yàn)樘詫氁呀?jīng)設(shè)定了。。。搞好之后，再把全部代碼復(fù)制回到淘寶自定義模塊。就ok了。
最后如果大家覺(jué)得這樣麻煩，當(dāng)然還有更簡(jiǎn)單的方法，那就是使用淘寶美工助理代碼生成器，這樣不需要上述繁瑣的過(guò)程，直接輸入圖片地址既可生成全屏代碼，同時(shí)可以消除模塊間隙，復(fù)制粘貼既可，非常方便。同時(shí)軟件還可以實(shí)現(xiàn)淘寶裝修的一百多種特效，需要購(gòu)買(mǎi)這款軟件的朋友可以直接去淘寶美工助理官方店鋪購(gòu)買(mǎi)。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 教你免費(fèi)裝修全屏淘寶店鋪
