蘑菇街優店如何全屏自定義裝修

  蘑菇街優店很多朋友都在使用,也有很多商家店主入駐了,那麼在裝修過程會遇到,怎樣才能全屏自定義裝修呢?今天就詳細講解下蘑菇街優店全屏自定義裝修的方法。

  蘑菇街優店全屏自定義裝修方法

  1、用photoshop製作好了一幅寬1920px,高600px的畫面,如圖所示

  2、利用切片功能,並存儲為web所用格式,儲存格式選"html和影象"

  3、按照順序將得到的切片圖片上傳到優店裝修模組中,上傳完成,點選"html"模式,將圖片程式碼複製出來。

 

  4、用文字文件開啟photoshop切片得到的html檔案,將檔案中的圖片地址,依次替換成優店圖片地址。

  紅線框的內容是要替換的圖片地址

  綠線框的內容是一會要用到的整體程式碼

  5、圖片地址替換好後,將上圖綠線框的內容的頭尾新增全屏程式碼。程式碼如下:

  <div style="; ;

  <div style=" ; ; ; margin-left:-360px;">

  <div style="; ;

  這裡插入自定義程式碼寬1920px,就是上圖中綠框內的程式碼呀!

  </div>

  </div>

  </div>

  6、在優店裝修後臺,新建一個1200px的模組,點選"html"模式,將製作完成的程式碼貼上進入,然後儲存提交發布即可實現優店全屏功能喔~動手試試吧

  以上就是蘑菇街優店全屏自定義的方法了

↓↓↓下一頁更多精彩  蘑菇街如何設定自定義頁面 ↓↓↓