淘寶店鋪固定背景代碼


全屏固定背景是指在淘寶店鋪里下拉

滾動條時背景依然位置不動,

不會跟隨滾動條滾動的全屏背景。

效果在線展示:

http://www.tbzxiu.com/zx/xinwangpu/14.htm

如果要制作全屏固定背景,首先要開通新旺鋪專業版,

新旺鋪專業版全屏固定背景制作教程

第一步:制作背景素材

網店裝修網提供了一套綠色的背景素材,適合各種類型的淘寶店鋪使用。

點擊下面的鏈接將背景解壓縮到您的電腦桌面。

下載:固定背景素材

如果您對背景有特殊的要求,可以到根據我們提供的素材進行PS處理,注意修改的過程中不要更改圖片的長寬,中間白圖部分不要更改即可。

第二步:上傳素材到淘寶圖片空間,獲取圖片鏈接

登錄淘寶店鋪,進入賣家中心,在左側導航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點擊鏈接復制圖片鏈接。

第三步:制作全屏固定背景特效代碼

代碼開始:

body{background:url(背景圖片地址) no-repeat fixed center top;}

代碼結束。

將上面的特效代碼粘貼進旺鋪CSS自定義里。

如何找到CSS自定義框:

1:進入淘寶店鋪裝修后台頁面,鼠標放在導航欄位置,出現編輯窗口,如圖:

2:點擊編輯,找到“顯示設置”,點擊后看到白框就是CSS自定義框。如圖:
 

第四步:修改特效代碼,保存發布。

在第三步的特效代碼里,將括號中的背景圖片地址更換為您第二步復制的圖片鏈接,保存發布即可看到全屏固定的背景效果了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM