快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 簡(jiǎn)單的固定背景裝修教程

簡(jiǎn)單的固定背景裝修教程

放大字體  縮小字體 發(fā)布日期:2024-05-27 07:19:26  來(lái)源:電商聯(lián)盟  作者:樂(lè)發(fā)網(wǎng)  瀏覽次數(shù):26

我們很多賣家其實(shí)在淘寶店鋪裝修中都是花了很多心思的,但是有些東西還做的有點(diǎn)美中不足,那就是固定背景。

簡(jiǎn)單來(lái)說(shuō)固定背景就是當(dāng)我們將店鋪的首頁(yè)往下拉的時(shí)候,兩側(cè)始終會(huì)跟隨著往下移動(dòng),這也是為什么那些大賣家的店鋪裝修都會(huì)弄成這樣的,如果我們將固定背景裝修好了的話,是不論我們?cè)趺蠢瓌?dòng)頁(yè)面都是可以讓我們兩邊的促銷文案、活動(dòng)信息、二維碼等等展示給買家看,而實(shí)現(xiàn)這個(gè)功能一般需要通過(guò)代碼來(lái)實(shí)現(xiàn)。固定背景效果,如圖中:

簡(jiǎn)單的固定背景裝修教程 1

1.固定背景代碼:

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

2.樣式講解:

body 是整個(gè)頁(yè)面的基本元素,也是最外面的的一個(gè)HTML標(biāo)簽;

background 是背景樣式,其中url里面的是背景圖片地址,no-repeat 代表圖片不平鋪,center 代表圖片居中;

background-attachment 是最關(guān)鍵的,規(guī)定背景圖片是固定還是滾動(dòng),這里我們?cè)O(shè)置的當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí),背景圖像不會(huì)移動(dòng);

3.固定背景裝修教程如下:

固定背景的圖片需要提前上傳到圖片空間,建議使用1920PX寬度的大圖,中間950PX是被店鋪主頁(yè)面擋住的,不顯示。

1)打開(kāi)店鋪裝修

2)點(diǎn)擊導(dǎo)航欄區(qū)域的編輯按鈕

3)點(diǎn)擊顯示設(shè)置

4)復(fù)制代碼進(jìn)入(如果有導(dǎo)航欄CSS自定義代碼,請(qǐng)回車后直接加在代碼后面)

簡(jiǎn)單的固定背景裝修教程 2

簡(jiǎn)單的固定背景裝修教程 3

注意:店鋪背景設(shè)置中的顏色和圖片必須取消,這一點(diǎn)也是至關(guān)重要的,否則將會(huì)覆蓋掉剛才的樣式設(shè)置,無(wú)法看到效果。

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

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

本文來(lái)源: 簡(jiǎn)單的固定背景裝修教程

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶神筆子賬號(hào)設(shè)置方法 7個(gè)步驟打造史上最牛詳情頁(yè)
【官方】新旺鋪教程之寶貝詳情模板 【官方】旺鋪新功能多端同步頁(yè)使用教程
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問(wèn)
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net