首先帶大家看看各種不同風格的店鋪吧:
田園風
看上去整個店鋪就一幅風景畫
溫馨的背景
首先說說固定背景的制作
1. 選擇適合自己風格的圖片素材,PS加工一下
圖片高度可以根據自己的需要的效果來定,寬度1920是為了配合21寸以上顯示器使用,為了兼顧小顯示器的買家,建議在1024像素內就可以顯示圖片的主題,1440像素要基本顯示整個圖片,1920像素多出來的部分最好全是背景色。
2. 首先,PS打開圖片后,將背景圖復制一下,這一步主要是因為分層后調整畫布大小可以擴展回來,效果如下:
3. 然后點選菜單欄-圖像-畫布大小,注意定位先中間的方塊,寬度、長度的單位調整為像素,寬度調整為950,高度默認,如下所示:
4. 點擊確定后,效果如下:
5. 接下來點取工具欄里的 矩形選框工具將PS里的整個圖片選取,如下所示:
這個圖我們已經不需要了,點擊組合鍵ctrl+X,切除此圖,效果如下:
可以看到PS界面右邊工具欄里面,剛剛復制的圖層已經變成背景色
6.現在點擊菜單欄-圖像-畫布大小,仍舊注意定位先中間的方塊,寬度、長度的單位調整為像素,寬度調整為1920,高度默認,設置如下:
確定后,效果如下:
至此,固定背景也就制作完了,當然您還可以像上圖一樣,將一些您想說給客戶聽的話,或者是店鋪活動信息等添加到背景上。
7. 保存圖片
最后一定要記得保存圖片哦。
固定背景的安裝
1. 上傳素材到淘寶圖片空間,獲取圖片鏈接
登錄淘寶店鋪,進入賣家中心,在左側導航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點擊鏈接復制圖片鏈接。
2. 制作全屏固定背景特效代碼
body{background-image:url(背景圖片鏈接);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
如何找到CSS自定義框:
1:進入淘寶店鋪裝修后臺頁面,鼠標放在導航欄位置,出現編輯窗口,如圖:
2:點擊編輯,找到“顯示設置”,點擊后看到白框就是CSS自定義框。如圖:
3. 修改特效代碼,保存發布。
在第三步的特效代碼里,將括號中的背景圖片鏈接更換為您第二步復制的圖片鏈接,保存發布即可看到全屏固定的背景效果了。
最后效果展示:

樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 固定背景制作安裝合集