新旺鋪專業(yè)版全屏固定背景制作教程
第一步:制作背景素材
標(biāo)標(biāo)享提供了一套綠色的背景素材,適合各種類型的淘寶店鋪使用。
點擊下面的鏈接將背景解壓縮到您的電腦桌面。
下載:固定背景素材
如果您對背景有特殊的要求,可以到根據(jù)我們提供的素材進(jìn)行PS處理,注意修改的過程中不要更改圖片的長寬,中間白圖部分不要更改即可。
第二步:上傳素材到淘寶圖片空間,獲取圖片鏈接
登錄淘寶店鋪,進(jìn)入賣家中心,在左側(cè)導(dǎo)航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點擊鏈接復(fù)制圖片鏈接。
第三步:制作全屏固定背景特效代碼
body{background-image:url(背景圖片鏈接);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}
將上面的特效代碼粘貼進(jìn)旺鋪CSS自定義里。
如何找到CSS自定義框:
1:進(jìn)入淘寶店鋪裝修后臺頁面,鼠標(biāo)放在導(dǎo)航欄位置,出現(xiàn)編輯窗口,如圖:
2:點擊編輯,找到“顯示設(shè)置”,點擊后看到白框就是CSS自定義框。如圖:
3:在后頭把模板樣式的背景顏色和背景圖去掉
第四步:修改特效代碼,保存發(fā)布。
在第三步的特效代碼里,將括號中的背景圖片鏈接更換為您第二步復(fù)制的圖片鏈接,保存發(fā)布即可看到全屏固定的背景效果了。
第一步:制作背景素材
標(biāo)標(biāo)享提供了一套綠色的背景素材,適合各種類型的淘寶店鋪使用。
點擊下面的鏈接將背景解壓縮到您的電腦桌面。
下載:固定背景素材
如果您對背景有特殊的要求,可以到根據(jù)我們提供的素材進(jìn)行PS處理,注意修改的過程中不要更改圖片的長寬,中間白圖部分不要更改即可。
第二步:上傳素材到淘寶圖片空間,獲取圖片鏈接
登錄淘寶店鋪,進(jìn)入賣家中心,在左側(cè)導(dǎo)航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點擊鏈接復(fù)制圖片鏈接。
第三步:制作全屏固定背景特效代碼
body{background-image:url(背景圖片鏈接);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}
將上面的特效代碼粘貼進(jìn)旺鋪CSS自定義里。
如何找到CSS自定義框:
1:進(jìn)入淘寶店鋪裝修后臺頁面,鼠標(biāo)放在導(dǎo)航欄位置,出現(xiàn)編輯窗口,如圖:
2:點擊編輯,找到“顯示設(shè)置”,點擊后看到白框就是CSS自定義框。如圖:
3:在后頭把模板樣式的背景顏色和背景圖去掉
第四步:修改特效代碼,保存發(fā)布。
在第三步的特效代碼里,將括號中的背景圖片鏈接更換為您第二步復(fù)制的圖片鏈接,保存發(fā)布即可看到全屏固定的背景效果了。
樂發(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ī)則
本文來源: 新旺鋪專業(yè)版全屏固定背景制作教程