新旺鋪專業版全屏固定背景制作教程
第一步:制作背景素材
標標享提供了一套綠色的背景素材,適合各種類型的淘寶店鋪使用。
點擊下面的鏈接將背景解壓縮到您的電腦桌面。
下載:固定背景素材
如果您對背景有特殊的要求,可以到根據我們提供的素材進行PS處理,注意修改的過程中不要更改圖片的長寬,中間白圖部分不要更改即可。
第二步:上傳素材到淘寶圖片空間,獲取圖片鏈接
登錄淘寶店鋪,進入賣家中心,在左側導航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點擊鏈接復制圖片鏈接。
第三步:制作全屏固定背景特效代碼
body{background-image:url(背景圖片鏈接);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}
將上面的特效代碼粘貼進旺鋪CSS自定義里。
如何找到CSS自定義框:
1:進入淘寶店鋪裝修后臺頁面,鼠標放在導航欄位置,出現編輯窗口,如圖:
2:點擊編輯,找到“顯示設置”,點擊后看到白框就是CSS自定義框。如圖:
3:在后頭把模板樣式的背景顏色和背景圖去掉
第四步:修改特效代碼,保存發布。
在第三步的特效代碼里,將括號中的背景圖片鏈接更換為您第二步復制的圖片鏈接,保存發布即可看到全屏固定的背景效果了。
第一步:制作背景素材
標標享提供了一套綠色的背景素材,適合各種類型的淘寶店鋪使用。
點擊下面的鏈接將背景解壓縮到您的電腦桌面。
下載:固定背景素材
如果您對背景有特殊的要求,可以到根據我們提供的素材進行PS處理,注意修改的過程中不要更改圖片的長寬,中間白圖部分不要更改即可。
第二步:上傳素材到淘寶圖片空間,獲取圖片鏈接
登錄淘寶店鋪,進入賣家中心,在左側導航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點擊鏈接復制圖片鏈接。
第三步:制作全屏固定背景特效代碼
body{background-image:url(背景圖片鏈接);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;}
將上面的特效代碼粘貼進旺鋪CSS自定義里。
如何找到CSS自定義框:
1:進入淘寶店鋪裝修后臺頁面,鼠標放在導航欄位置,出現編輯窗口,如圖:
2:點擊編輯,找到“顯示設置”,點擊后看到白框就是CSS自定義框。如圖:
3:在后頭把模板樣式的背景顏色和背景圖去掉
第四步:修改特效代碼,保存發布。
在第三步的特效代碼里,將括號中的背景圖片鏈接更換為您第二步復制的圖片鏈接,保存發布即可看到全屏固定的背景效果了。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 新旺鋪專業版全屏固定背景制作教程