淘寶首頁交替背景怎么做?
64期cherry樓主|2022-05-26|10:49|發(fā)布在分類 / 流量轉(zhuǎn)化|閱讀:104
64期cherry樓主|2022-05-26|10:49|發(fā)布在分類 / 流量轉(zhuǎn)化|閱讀:104
有很多賣家朋友想要在店鋪首頁實(shí)現(xiàn)鼠標(biāo)滑動,但是背景固定的效果,但是找不到該怎么操作?
怎么使用不同模塊上設(shè)置不同頁面背景并鎖定的效果?
為此幕思城小編專門去請教了大神,下面一起去看看吧!主要是利用到自由布局工具模塊背景及任意圖組件實(shí)現(xiàn)多層固定背景視覺差效果案例,圖片樣式自由設(shè)計(jì),設(shè)計(jì)好在軟件里布局你要位置即可,背景尺寸建議:1920x1080px,高度要1080以上,如果高度矮了在滑動的時(shí)候上下會直接顯示店鋪背景色,導(dǎo)致顯示不協(xié)調(diào)情況,具體請看我下面的操作演示~D2這個(gè)效果就一個(gè)操作:添加完組件生成淘寶裝修代碼的時(shí)候選背景固定溫馨提示:阿里巴巴單張圖片不要超過2M,高度寬度不要超1920px,超了上傳圖片空間會壓縮,導(dǎo)致圖片變小,這個(gè)問題比較常見,大家注意一下哦~如果要做png透明圖或GIF動態(tài)圖請上傳淘寶圖片空間按鍵盤上alt+方向鍵可以微移組件位置~任意圖鼠標(biāo)右鍵可鎖定畫多熱區(qū)操作完記得右上角備份一下操作記錄哦,下次可以導(dǎo)入再次編輯怎么把淘寶首頁背景圖固定?
具體方法如下。
準(zhǔn)備好一張像素1920*1080背景圖片。
打開淘寶圖片空間>指定好文件夾>點(diǎn)擊上傳圖片>在彈出新窗口點(diǎn)擊上傳>選擇已經(jīng)準(zhǔn)備好的背景圖點(diǎn)擊打開完成上傳。
點(diǎn)擊背景圖中的鏈接標(biāo)志,就可以復(fù)制成功。
進(jìn)入店鋪裝修>在導(dǎo)航欄上點(diǎn)擊編輯,進(jìn)入后要用的代碼全部復(fù)制body{background-image:url(圖片地址);background-repeat:no-repeat;background-position:center;background-attachment:fixed;}選擇顯設(shè)置>>粘貼代碼>>到空間復(fù)制鏈接>>覆蓋圖片地址點(diǎn)擊確定完成。
預(yù)覽看下效果,滿意了就點(diǎn)擊發(fā)布。
好了,自由布局工具模塊背景及任意圖組件實(shí)現(xiàn)多層固定背景實(shí)現(xiàn)方法就介紹到這里,喜歡的賣家朋友們可以動手試一試,或許在你的下一個(gè)設(shè)計(jì)項(xiàng)目上嘗試使用。
這個(gè)問題還有疑問的話,可以加幕.思.城火星老師免費(fèi)咨詢,微V.信X號是為: msc496。
微信掃碼回復(fù)「666」