『壹』 如何設置淘寶店鋪固定全屏背景圖
1.PS做一個1920*1080的圖,保存成.JPG格式的圖片,上傳到店鋪圖片空間。
2.去自己的店鋪首頁去裝修,點選裝修,導航裝修,顯示設置,輸入下面的代碼(復制就可以)
body{background:url(圖片的鏈接) no-repeat fixed center top transparent;}
把括弧內的漢字替換成剛才做的圖片的鏈接,括弧不要刪除了。是用你傳到淘寶相冊的那張圖片的地址替換下!!!
3.完成啦~~
哪裡不清楚可以追問
『貳』 淘寶首頁背景圖片顯示不全怎麼回事
淘寶首頁背景圖片顯示不全有兩種情況:
一、只設置了樣式編輯中的頁頭背景,沒有更新頁面背景,這樣店招後面的背景可以正常顯示,但頁面背景沒有上傳,當然無法正常顯示;
二、第一欄自定義模塊中有全屏海報代碼,或是全屏輪播代碼,這段代碼的寬度是1440px到1920px,全屏海報或輪播應當是代碼方式實現的。如果想讓修改好的頁面背景顯示出來,那需要刪除這一自定義模塊,採用950px寬度的其他代碼。
淘寶店鋪背景圖片固定代碼如下:
body{background-image:url(圖片地址);background-repeat:no-repeat;background-position:top center;background-attachment:fixed;}
1:需上傳淘寶店鋪背景圖片到自己的空間里,並將代碼中的「圖片地址」替換修改為淘寶店鋪背景圖片即可。
2:背景圖片的寬度應為1920px或者1440px,高度隨意。
3:基礎版、專業版、天貓商城新旺鋪的淘寶店鋪背景圖片固定代碼放在店鋪導航條的css顯示設置里即可。(點擊導航編輯,選擇"顯示設置",這里黏貼背景圖片固定代碼即可。)
4:專業店鋪需將背景圖片固定代碼放在 「模板」-「背景設置」-「完全自定義」里即可。
『叄』 淘寶裝修C店自定義頁面可以做成1920的嗎
淘復寶店首頁:
c店寬度都是制950像素。天貓是990像素。高度也沒有限制。
首頁大海報:
跟店鋪寬度的一樣的,專業版旺鋪是950寬,高度600左右。
全屏大海報寬度是1920像素,這個數值來源於22寸液晶顯示器的寬度。製作這種全屏輪播效果需要用代碼生成器才能實現。
或者不用代碼生成器,如果購買的sdk裝修模板有帶這個全屏海報模塊,就可以直接在模板中上傳圖片了。
『肆』 淘寶店鋪裝修全屏店招圖片淘寶店鋪裝修全屏代碼
關於淘寶店鋪裝修全屏店招圖片,淘寶店鋪裝修全屏代碼這個很多人還不知道,今天來為大家解答以上的問題,現在讓我們一起來看看吧!
1、上面是寬度為1920的全屏海報代碼,高度自設,只需將代碼中的#改為你的圖片鏈接地址,兩處500改為你的圖片高度。
2、 上面是寬度1680的,方法和1920一樣。
3、 上面是1440的,方法一樣。
4、以上三種代碼適合淘寶C店,親測可用,可參觀:李小雨的跳蚤市場。
5、天貓商城全屏海報用以下代碼: 寬度1920,高度兩處500改成自己圖片的寬度,#改為圖片鏈接地址即可。
本文到此分享完畢,希望對大家有所幫助。
『伍』 求解淘寶店鋪全屏海報圖片輪播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 這個是水平位置,圖片插入進去沒居中的,親們就慢慢增加或者減少數字,就可以調到居中的哈。有什麼問題再密我。
『陸』 淘寶店鋪首頁裝修怎麼添加1920的寬屏圖啊
一、首先進入千牛賣家中心」,點擊左側的「店鋪管理」。
『柒』 我有淘寶輪播的兩張海報,尺寸是1920*500的,可以告訴我全屏的代碼怎麼做嗎
<div class="ocn J_TWidget style_2 lunboz_950" data-widget-config="{'effect':'scrollx','easing':'easeBothStrong','ration':0.5,'interval':4, 'autoplay':true,'circular':true, 'prevBtnCls':'prev', 'nextBtnCls':'next', 'contentCls': 'o_con', 'navCls':'o_nav','activeTriggerCls': 'selected'}" data-widget-type="Carousel" style="width:950px;height:500px;position:relative;overflow:hidden;" data-title="">
<ul class="o_con" style="width:950px;height:500px;overflow:hidden;">
<li style="width:950px;height:500px;">
<span>
<a href="" style="width:950px;height:500px;display:block;" target="_blank">
<img src="圖片地址" style="width:950px;height:500px;">
</a>
</span>
</li>
<li style="width:950px;height:500px;">
<span>
<a href="" style="width:950px;height:500px;display:block;" target="_blank">
<img src="圖片地址" style="width:950px;height:500px;">
</a>
</span>
</li>
</ul>
</div>
希望可以採納!