淘寶的寬屏海報(bào)如何實(shí)現(xiàn)的？

很多新手賣家對此都是疑問比較多的，找不到寬屏海報(bào)的代碼，找到了不會使用代碼？

今天我們就來把代碼以及安裝教程分享出來：

1、1920寬屏效果（代碼）

nfig="{effect: fade, circular: true ,contentCls:piao712634383fu}" class="J_TWidget">
nfig="{
contentCls: slide-ziyoou712634383content,
triggerCls: slide-ziyoou712634383triggers,
navCls: slide-ziyoou712634383triggers,
triggerType: mouse,
effect: scrollx,
prevBtnCls:prev,
nextBtnCls:next,
steps: 1,
autoplay: true,
viewSize:[1920],
circular: true
}" class="J_TWidget ks-switchable-panel-internal552" style="z-index: 9; padding: 0px; margin: 0px; width: 1920px; top: 0px; left: -485px; display: block; opacity: 1; position: absolute;" role="tabpanel" aria-hidden="false" aria-labelledby="ks-switchable555">

2、1920寬屏自定義（代碼）

nfig="{effect: fade, circular: true ,contentCls:piao712634383fu}" class="J_TWidget">

nfig="{
contentCls: slide-ziyoou712634383content,
triggerCls: slide-ziyoou712634383triggers,
navCls: slide-ziyoou712634383triggers,
triggerType: mouse,
effect: scrollx,
prevBtnCls:prev,
nextBtnCls:next,
steps: 1,
autoplay: true,
viewSize:[1920],
circular: true
}" class="J_TWidget ks-switchable-panel-internal552" style="z-index: 9; padding: 0px; margin: 0px; width: 1920px; top: 0px; left: -485px; display: block; opacity: 1; position: absolute;" role="tabpanel" aria-hidden="false" aria-labelledby="ks-switchable555">

【把你的內(nèi)容放到這里面替換這些漢字,模塊的寬度一定是1920的寬，海報(bào)/表格/圖片熱區(qū)都可以，高度可以自定，但是高度改變也要跟著改變兩個參數(shù)的高度值，只限C店首頁使用】

3、測試圖

以上是我們今天制作首頁寬屏海報(bào)要用到的代碼以及圖片：

第一個可以把代碼全選復(fù)制到你的淘寶首頁自定義里面，然后預(yù)覽發(fā)布看下效果。【最好使用火狐/谷歌瀏覽器。還有最好關(guān)掉殺毒軟件】

第二個代碼其實(shí)是一樣的，只是這里面寫了文字說明，就是把你的海報(bào)或者表格代碼或者圖片熱區(qū)復(fù)制到這里面。

我默認(rèn)發(fā)你的圖片尺寸大小為：1920*500PX的全屏海報(bào)圖片，如果你按這個尺寸做圖，就直接可以使用了，如果你的高度改變就看下面的解說：

a.第一個490紅色下劃線，這個490就是模塊的總高度減去10PX像素，可以改成減去15或減去20也就是485或480看下效果。這里主要是控制空白間距。

b.第二個500PX是你整個模塊的高度，如我下面的海報(bào)是500所以改成500。

c.第三塊綠色區(qū)就是你的內(nèi)容，如海報(bào)，表格代碼，圖片熱區(qū),寬度記得是1920PX，高度是500的海報(bào)，如果高度改變那上面兩個高度參數(shù)也跟著改一下。

如果寬度也要改變的話請看下面的圖解說明：

a.三個1920下劃線改成你的海報(bào)或格子模塊的寬度。

b.藍(lán)色地方請注意：藍(lán)色的地方數(shù)字等于=(模塊寬度-950)/2

如：（上面我的海報(bào)是1920寬，減去C店默認(rèn)通欄寬度950）除以2等于485px,最后就是：（1920-950）/2=485。

相關(guān)教程：最新旺鋪?zhàn)远x全屏通欄海報(bào)制作教程

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

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

本文來源： 淘寶1920寬屏海報(bào)如何實(shí)現(xiàn)的教學(xué)