Ⅰ 淘寶店鋪全屏海報為啥顯示不完整
換代碼吧,這種情況一般是代碼出了問題。給你提供三種代碼,親測可用。可淘寶參觀:李小雨的跳蚤市場。
<div style="height:500px;">
<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:500px;display:block;">
<img src="#" border="0" alt="全屏海報" /></a>
</div>
</div>
</div>
上面是寬度為1920的全屏海報代碼,高度自設,只需將代碼中的#改為你的圖片鏈接地址,兩處500改為你的圖片高度。
<div style="height:500px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-840px;top:auto;border:none;padding:0;">
<a href="#" target="_blank" style="width:1680px;height:500px;display:block;">
<img src="#" border="0" alt="全屏海報" /></a>
</div>
</div>
</div>
上面是寬度1680的,方法和1920一樣。
<div style="height:500px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-720px;top:auto;border:none;padding:0;">
<a href="#" target="_blank" style="width:1440px;height:500px;display:block;">
<img src="#" border="0" alt="全屏海報" /></a>
</div>
</div>
</div>
上面是1440的,方法一樣。
以上三種代碼適合淘寶C店,親測可用,可參觀:李小雨的跳蚤市場。
天貓商城全屏海報用以下代碼:
<div style="height:500px;">
<div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
<div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
<a href="#" style="width:1920px;height:500px;display:block;" target="_blank">
<img alt="全屏海報" border="0" src="#" /></a>
</div>
</div>
</div>
寬度1920,高度兩處500改成自己圖片的寬度,#改為圖片鏈接地址即可。
Ⅱ 淘寶賣家裝修首頁,怎麼可以弄免費的全屏寬圖,用代碼
c店1920全屏海報,代碼用高度修改設置和編輯步驟:
打開記事本把這代碼復制粘貼在內做准備,也可用直接店鋪裝修的自定內容區。為了更好的看效果這用記事本。
<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.切設置好,預覽沒發現問題,就點擊發布。
Ⅲ 淘寶首頁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 否則在後期顯示時會出現很多問題
Ⅳ 淘寶突破自定義模塊的990px的限制。製作1920px 的方法
這是天貓的限制,自定義只能是990寬,我試過很多全屏代碼都沒有理想的效果,尤內其是想添加熱點,更麻煩。
我現容在摸索出兩個解決辦法:一、購買裝修模板,我找過,不多,只有一兩個可以滿足自定義全屏功能,其實也是輪播模塊,但是這個模塊可以添加自定義代碼,這樣就可以用DW做好熱點圖,直接上代碼就可以了,它的缺點就是修改比較麻煩,還要配合其他設置一起進行;
二、用背景+自定義的方式完成全屏,但背景圖片不宜過大。
Ⅳ 淘寶C店首頁如何做1920的全屏首頁,而且能加熱點連接的
做法以及步驟:
1、將做好的店招上傳至淘寶的圖片空間,再進入「店鋪裝修」,點擊店專招「編輯」按鈕進屬入編輯頁面,點擊「插入 圖片空間圖片」按鈕,插入剛剛上傳的圖片。
Ⅵ 求天貓全屏圖片1920 代碼 ---不要輪播的,謝謝
提問者採納
<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:500px;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:1920px;padding-right:0px;height:500px;overflow:hidden;padding-top:0px;">
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;left:-485px;">
<a target="_blank"><img data-ks-lazyload="輪播圖地址1" /></a></li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;left:-485px;">
<a target="_blank"><img data-ks-lazyload="輪播圖地址2" /></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:1920px;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:500px;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:500px;padding-top:0px;">
</li>
<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:#F1C;float:left;height:500px;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;">
首先保證你的圖片尺寸是1920的,裝修的時候用IE,然後把圖片地址替換進我給你的代碼里,粘貼進自定義內容區,完後圖片是顯示不了的(因為某些限制),想看效果,點預覽。。。
Ⅶ 大神,求天貓海報全屏代碼,有嗎
貌似這樣可以!大家互相學習下!!
代碼如下:
<div style="height:550px;">
<div
class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
<div
class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
<a
href="#" style="width:1920px;height:550px;display:block;"
target="_blank">
<img alt="全屏海報" border="0"
src="全屏海報鏈接地址(1920*550像素的海報)"
/>
</a>
</div>
</div>
</div>