蘑菇街优店如何全屏自定义装修
蘑菇街优店很多朋友都在使用,也有很多商家店主入驻了,那么在装修过程会遇到,怎样才能全屏自定义装修呢?今天就详细讲解下蘑菇街优店全屏自定义装修的方法。
蘑菇街优店全屏自定义装修方法
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"模式,将制作完成的代码粘贴进入,然后保存提交发布即可实现优店全屏功能喔~动手试试吧
以上就是蘑菇街优店全屏自定义的方法了
↓↓↓下一页更多精彩 蘑菇街如何设置自定义页面↓↓↓
蘑菇街优店如何全屏自定义装修
上一篇:淘宝店铺如何设计首页页面
下一篇:蘑菇街店铺如何装修好看的