蘑菇街優(yōu)店如何全屏自定義裝修
蘑菇街優(yōu)店很多朋友都在使用,也有很多商家店主入駐了,那么在裝修過(guò)程會(huì)遇到,怎樣才能全屏自定義裝修呢?今天就詳細(xì)講解下蘑菇街優(yōu)店全屏自定義裝修的方法。
蘑菇街優(yōu)店全屏自定義裝修方法
1、用photoshop制作好了一幅寬1920px,高600px的畫(huà)面,如圖所示
2、利用切片功能,并存儲(chǔ)為web所用格式,存儲(chǔ)格式選"html和圖像"
3、按照順序?qū)⒌玫降那衅瑘D片上傳到優(yōu)店裝修模塊中,上傳完成,點(diǎn)擊"html"模式,將圖片代碼復(fù)制出來(lái)。
4、用文本文檔打開(kāi)photoshop切片得到的html文件,將文件中的圖片地址,依次替換成優(yōu)店圖片地址。
紅線框的內(nèi)容是要替換的圖片地址
綠線框的內(nèi)容是一會(huì)要用到的整體代碼
5、圖片地址替換好后,將上圖綠線框的內(nèi)容的頭尾添加全屏代碼。代碼如下:
<div style="width:1920px; height:600px;">
<div style=" position:absolute; width:1920px; height:600px; margin-left:-360px;">
<div style="width:1920px; height:600px;">
這里插入自定義代碼寬1920px,就是上圖中綠框內(nèi)的代碼呀!
</div>
</div>
</div>
6、在優(yōu)店裝修后臺(tái),新建一個(gè)1200px的模塊,點(diǎn)擊"html"模式,將制作完成的代碼粘貼進(jìn)入,然后保存提交發(fā)布即可實(shí)現(xiàn)優(yōu)店全屏功能喔~動(dòng)手試試吧
以上就是蘑菇街優(yōu)店全屏自定義的方法了
↓↓↓下一頁(yè)更多精彩 蘑菇街如何設(shè)置自定義頁(yè)面↓↓↓