学习啦>创业指南>开店指南>店铺装修>

蘑菇街优店如何全屏自定义装修

巩诗2分享

  蘑菇街优店很多朋友都在使用,也有很多商家店主入驻了,那么在装修过程会遇到,怎样才能全屏自定义装修呢?今天就详细讲解下蘑菇街优店全屏自定义装修的方法

  蘑菇街优店全屏自定义装修方法

  1、用photoshop制作好了一幅宽1920px,高600px的画面,如图所示

  2、利用切片功能,并存储为web所用格式,存储格式选"html和图像"

  3、按照顺序将得到的切片图片上传到优店装修模块中,上传完成,点击"html"模式,将图片代码复制出来。

  4、用文本文档打开photoshop切片得到的html文件,将文件中的图片地址,依次替换成优店图片地址。

  红线框的内容是要替换的图片地址

  绿线框的内容是一会要用到的整体代码

  5、图片地址替换好后,将上图绿线框的内容的头尾添加全屏代码。代码如下:

  <div style="width:1920px; height:600px;">

  <div style=" position:absolute; width:1920px; height:600px; margin-left:-360px;">

  <div style="width:1920px; height:600px;">

  这里插入自定义代码宽1920px,就是上图中绿框内的代码呀!

  </div>

  </div>

  </div>

  6、在优店装修后台,新建一个1200px的模块,点击"html"模式,将制作完成的代码粘贴进入,然后保存提交发布即可实现优店全屏功能喔~动手试试吧

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

↓↓↓下一页更多精彩 蘑菇街如何设置自定义页面↓↓↓

662105