超市貨源批發(fā)市場(chǎng)
淘寶貨源分銷平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 固定背景制作安裝合集

固定背景制作安裝合集

放大字體  縮小字體 發(fā)布日期:2023-12-18 08:00:04  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):711

首先帶大家看看各種不同風(fēng)格的店鋪吧:

 

 

田園風(fēng)

看上去整個(gè)店鋪就一幅風(fēng)景畫

 

 

 

 

 

 

溫馨的背景

 

 

 

 

首先說說固定背景的制作

 

1. 選擇適合自己風(fēng)格的圖片素材,PS加工一下

 

圖片高度可以根據(jù)自己的需要的效果來定,寬度1920是為了配合21寸以上顯示器使用,為了兼顧小顯示器的買家,建議在1024像素內(nèi)就可以顯示圖片的主題,1440像素要基本顯示整個(gè)圖片,1920像素多出來的部分最好全是背景色。
 
2. 首先,PS打開圖片后,將背景圖復(fù)制一下,這一步主要是因?yàn)榉謱雍笳{(diào)整畫布大小可以擴(kuò)展回來,效果如下:

 

 

3.  然后點(diǎn)選菜單欄-圖像-畫布大小,注意定位先中間的方塊,寬度、長(zhǎng)度的單位調(diào)整為像素,寬度調(diào)整為950,高度默認(rèn),如下所示:

 

  

 

4. 點(diǎn)擊確定后,效果如下:

 

 

5. 接下來點(diǎn)取工具欄里的 矩形選框工具將PS里的整個(gè)圖片選取,如下所示:

 

 

這個(gè)圖我們已經(jīng)不需要了,點(diǎn)擊組合鍵ctrl+X,切除此圖,效果如下:

可以看到PS界面右邊工具欄里面,剛剛復(fù)制的圖層已經(jīng)變成背景色

 

6.現(xiàn)在點(diǎn)擊菜單欄-圖像-畫布大小,仍舊注意定位先中間的方塊,寬度、長(zhǎng)度的單位調(diào)整為像素,寬度調(diào)整為1920,高度默認(rèn),設(shè)置如下:

 

 

確定后,效果如下:

 

 

至此,固定背景也就制作完了,當(dāng)然您還可以像上圖一樣,將一些您想說給客戶聽的話,或者是店鋪活動(dòng)信息等添加到背景上。

 

7. 保存圖片

 

最后一定要記得保存圖片哦。

 

 

 

 

固定背景的安裝

 

1. 上傳素材到淘寶圖片空間,獲取圖片鏈接

登錄淘寶店鋪,進(jìn)入賣家中心,在左側(cè)導(dǎo)航欄找到“圖片空間”,將下載的素材上傳。上傳成功后點(diǎn)擊鏈接復(fù)制圖片鏈接。

2. 制作全屏固定背景特效代碼

body{background-image:url(背景圖片鏈接);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}

 

如何找到CSS自定義框:

1:進(jìn)入淘寶店鋪裝修后臺(tái)頁面,鼠標(biāo)放在導(dǎo)航欄位置,出現(xiàn)編輯窗口,如圖:

 

 

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

 

3. 修改特效代碼,保存發(fā)布。

在第三步的特效代碼里,將括號(hào)中的背景圖片鏈接更換為您第二步復(fù)制的圖片鏈接,保存發(fā)布即可看到全屏固定的背景效果了。
 
最后效果展示:
 

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來源: 固定背景制作安裝合集

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
網(wǎng)店裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
淘寶裝修子賬號(hào)設(shè)置流程
網(wǎng)店裝修網(wǎng)商學(xué)院推薦
網(wǎng)店裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net