平鋪海報代碼

㈠ 淘寶首頁1920大圖代碼怎麼做

1.首先，你需要根據你售賣的商品，在晚上尋找一張合適的圖片，如圖，在網路上搜索「淘寶1920海報」，選擇寬度為1920px的圖片並保持至桌面
2.然後利用，美圖秀秀對圖片進行處理，添加想要的文字，消除多餘的圖片，添加新圖片（這里就不詳細解說了），然後將圖片上傳至淘寶的圖片空間備用
3.點擊「添加模塊」按鈕，添加一個自定義模塊區
4.在點擊自定義模塊區的「編輯」按鈕，進入編輯對話框，點擊如下圖所示的按鈕
5.在彈出的對話框中，找到你剛剛上傳的圖片，並點擊「插入」按鈕
6.插入後，點擊如下圖所示按鈕，並在對話框中輸入全盤海報的代碼，代碼如下：
<div style="height:550px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a target="_blank"> <img src="http://img01.taobaocdn.com/imgextra/i1/1074074406/TB2L_xWcXXXXXcGXXXXXXXXXXXX_!!1074074406.jpg" width="1920px" height="500px" border="0" /> </a>
</div>
</div>
</div>
註：由於版式的原因，此處代碼空格被消除了，如需完整代碼，請自行網路搜索
7.注意,加粗字體處1為你剛剛上傳圖片的地址，在點擊一張圖片後，點擊如下圖按鈕即可復制圖片地址，加粗字體處2為你需要調節的該圖片的高度，具體數字根據實際情況調節

注意事項
代碼出加粗的地方，在使用時需要還原字體，
搜索的圖片寬度一定要為1920px 否則在後期顯示時會出現很多問題

㈡ 全屏海報代碼生成器 我在MD上弄好淘寶全屏的背景950圖片 怎麼弄代碼 這個是什麼軟體標志呢

有一個叫阿灰猿的淘大講師，他自己做的一個插件比這個還好，不過花錢的，你搜一下吧

㈢ 淘寶全屏大海報代碼怎麼做我是指滑鼠移過去會自動顯現出另一張圖的那種~~感覺很高檔~~如圖

這個如果真實淘寶的話，實現起來很復雜，我給你做很不現實，這兒只提供給你單獨顯示一張的代碼：

<div class="first-trigger">我只是個觸點而已，把滑鼠滑到我身上</div>

<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
'trigger':'.first-trigger',
'align':{
'node':'.first-trigger',
'offset':[0,0],
'points':['cr','cc']
}
}">
<div style="background-color: yellow; height: 100px; width: 100px;">
我是一個彈出層
</div>
</div>

具體排版自己研究啦，要我做可以私密我！

㈣ 用DW做出來的圖片代碼怎麼做淘寶大屏圖片 1920x500的哦 求代碼

<div style="height:600px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="#" style="width:1920px;height:600px;display:block;" target="_blank"> <img alt="全屏海報" border="0" src="圖片網址" /></a></div>
</div>
</div>
這是我找到的全屏海報的代碼，寬和高都可以改成你說的1920*500的。謝謝採納。

㈤ 淘寶賣家裝修首頁，怎麼可以弄免費的全屏寬圖，用代碼

c店1920全屏海報，代碼用高度修改設置和編輯步驟：

1. 打開記事本把這代碼復制粘貼在內做准備，也可用直接店鋪裝修的自定內容區。為了更好的看效果這用記事本。

<div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;">

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">

<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

<a href="連接地址" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="圖片鏈接地址" style="border:none;" /></a>

</div>

</div>

</div>

2.現在修改代碼鏈接地址，到賣家中心復制商品鏈接地址粘貼覆蓋鏈接地址。再到空間復制海報鏈接地址覆蓋圖片鏈接地址，復制好待用

3.進入店鋪裝修添加個自定義內容區。

4.添加完成後點擊編輯，在顯示標題選擇不顯示。點擊<>編輯源代碼，將復制好的代碼粘貼裡面，點擊確定完成。

5.最後再介紹一下代碼位置與修改。海寬用1920px。高度400到600像素不等。修改代碼高要和海報圖片一樣。

6.切設置好，預覽沒發現問題，就點擊發布。

㈥ 求單張淘寶首頁全屏海報代碼

我有一個，貼在上面發給你。希望採納。淘寶的全屏不輪播海報代碼回「
<div
style="height:600px;">
<div
class="footer-more-trigger"
style="left:50%;top:auto;border:none;padding:0;">
<div
class="footer-more-trigger"
style="left:-960px;top:auto;border:none;padding:0;">
<a
href="#"
style="width:1920px;height:600px;display:block;"
target="_blank">
<img
alt="全屏海答報"
border="0"
src="圖片網址"
/></a></div>
</div>
</div>

㈦ 求淘寶全屏海報DW代碼，以下是我的代碼和做出來的效果，左邊留白，然後左側模塊為什麼覆蓋在圖片上

看你把全屏代碼放在右側模塊里，是不是基礎版旺鋪？

基礎版旺鋪因為沒有通欄，所以只能將代碼放在右側欄，全屏代碼可以使自身突破包含它的自定義模塊，但對其他模塊的位置不會產生影響，原來模塊在什麼位置還是在什麼位置。

所以需要你在左側欄的對應位置也要添加一個自定義模塊，這個模塊用來佔位，裡面放一個高度與右側全屏代碼高度一樣的空容器即可，注意，這個模塊的位置要調整到與右側模塊相對應的位置，即在同一水平位置上。

經過如上的操作，左側欄的其他模塊應該被撐開了，但是這個佔位的自定義模塊仍舊顯示在全屏圖片的前面，那麼，下一步就是要讓全屏圖片顯示在前面，去蓋住這個佔位的自定義模塊。那麼就在<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;">這行代碼里的style里添加一個z-index屬性，屬性值這里設9應該足夠了。添加以後應該是這樣：<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;left:-960px;z-index:9;">。這樣全屏圖片就顯示在前面了，蓋住佔位的自定義模塊。

另外還要說一下這個left:-960px，你全屏代碼放在右側欄就不是-960了。第一次向右偏移50%，這個50%是以父容器寬度來計算的，所以第一次偏移了750*50%=375，加上左側欄的190px和10px間距，是575，而通欄寬度是950（左側欄190+間距10+右側欄750），也就是說475才是中間點。所以第一次偏移50%以後，全屏圖片的左邊對應的位置是中間偏右100px的位置。那麼第二次向左偏移時就應該算上這100px，應該是1920/2+100=1060。所以這個 left:-960px 應該改成 left:-1060px。不知道這樣子你能不能理解，畫了張簡單的說明圖，希望能看得明白。

如果不能理解，可以繼續追問。

㈧ 求解淘寶店鋪全屏海報圖片輪播css代碼

<div class="J_TWidget mypoper" data-widget-config="{'effect': 'fade','circular': true ,'contentCls':'sj-t','navCls':'sj-n','autoplay':'true'}" data-widget-type="Tabs" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<div class="sj-t">
<div class="J_TWidget" data-widget-config="{'contentCls': 'sj-content','navCls': 'sj-n','triggerType': 'click','effect': 'fade','steps': 1,'autoplay': true,'circular': true ,'prevBtnCls':'prev','nextBtnCls':'next'}" data-widget-type="Carousel">
<div class="pa2">
<div class="J_TWidget" data-widget-config="{'trigger':'.sj-content', 'align':{'node':'.mypoper', 'offset':[0,0], 'points':['cl','cl'] } }" data-widget-type="Popup" style="width:950px;display:none;">
<div class="ks-contentbox" style="padding-bottom:0px;margin:0px;padding-left:0px;width:950px;padding-right:0px;padding-top:0px;left:0px;">
<div class="prev" style="float:left;margin-left:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
<div class="next" style="float:right;margin-right:50px;">
<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>
</div>
</div>
<ul class="sj-content" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
圖片地址" /></a></li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">
<a target="_blank"><img data-ks-lazyload="
圖片地址" /></a></li>
</ul>
</div>
<div style="width:1920px;display:none;height:0px;overflow:hidden;">
<ul class="sj-t" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:50px;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:black;float:left;height:600px;padding-top:0px;">
</li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:#F8C;float:left;height:8600px;padding-top:0px;">
</li>
</ul>
</div>
<ul class="sj-n" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:none;height:1px;padding-top:0px;">

單詞解釋： width:1440px 這個是圖片寬度，親們可以自己設置多少。
height:600px 這個是圖片高度，也是親們自己設置。
left:-250px 這個是水平位置，圖片插入進去沒居中的，親們就慢慢增加或者減少數字，就可以調到居中的哈。有什麼問題再密我。