微信名稱：老y開網(wǎng)店
微 信 號(hào)：lakwdian
微信ＱＱ：A8686369
今天將通過一個(gè)例子來教大家如何利用淘寶專業(yè)版店鋪的頁(yè)頭和頁(yè)面背景功能裝修出一個(gè)大氣的店鋪。大家可以舉一反三，使自己的店鋪裝修的更華麗。 一：裝修準(zhǔn)備 在裝修之前我們先下載幾個(gè)素材：頁(yè)頭頁(yè)尾背景和店招圖片。點(diǎn)擊下載：素材.rar 模板我們使用官方的”簡(jiǎn)約時(shí)尚模板“，樣式管理選擇“深藍(lán)色”或者“天藍(lán)色”樣式。 二：下面詳細(xì)說明一下裝修步驟 第一步：安裝頁(yè)頭和頁(yè)面背景 打開剛下載的背景圖片，在樣式管理里分類將圖片設(shè)置為頁(yè)頭和頁(yè)面背景，其中頁(yè)頭背景樣式設(shè)置為橫向平鋪和居中，頁(yè)頭下邊距10px關(guān)閉，頁(yè)面背景樣式設(shè)置為不平鋪和居中。 如下圖所示：
安裝完了頁(yè)頭和頁(yè)面背景以后別忘了一定要點(diǎn)擊保存。要不然前面的工作就白做了。 第二步：安裝店招圖片 接下來開始安裝店招圖片了，返回頁(yè)面裝修，點(diǎn)擊店招編輯，然后選擇默認(rèn)招牌，不要使用自定義哦，選擇上面下載的店招圖片就可以了。 如下圖所示：
第三步：安裝透明代碼（重要） 這是最重要的一步，為什么要安裝一段透明的代碼呢，這里我們主要是為了在頁(yè)面上創(chuàng)建一片空白的區(qū)域，以顯示海報(bào)背景。如果沒有這段代碼的話，你下面裝修的其他模塊都會(huì)直接蓋住海報(bào)的，那樣就實(shí)現(xiàn)不了咱們要展現(xiàn)的大氣海報(bào)了哦。 代碼非常簡(jiǎn)單： <div style="height:820px;"> </div> 透明代碼使用方法：我們?cè)趯?dǎo)航下面建立一個(gè)950的自定義模塊，將上面的透明代碼放到里面保存就要中以了。代碼事的數(shù)字為高度，可以根據(jù)背景圖片的高度來設(shè)置，如果有誤差，可以一點(diǎn)一點(diǎn)調(diào)試。 第四步：安裝導(dǎo)航透明CSS代碼 這段代碼可以根據(jù)自己的情況使用，如果您想要導(dǎo)航也要透明的話，需要安裝一段導(dǎo)航透明CSS代碼。 代碼參見此文章：淘寶專業(yè)版透明導(dǎo)航背景代碼 三：裝修效果展示
|
/1 
