浏览:次 2019-12-26 13:56
这里有一份C店的装修教程与全屏海报的代码分享
首先我们要先进入卖家中心,这边是从首页进入的
然后找到店铺装修按钮,点击进去
你会看到这么一个版面,点击里面的自定义按钮
将自定义按钮直接拖拉到右边的界面,在这里就会出现一个编辑框了
如果是是代码装修的话,要点击这个按钮哦,这样就可以进入源码编辑的装修状态了
接着就是制作图片了,这边先把要使用的两个软件先说下一个是DW,一个是PS
至于你们所制作的图片肯定是会自己做的咯,我这边是网上随意找的一张图片,让它的宽度在1920像素上,这是网页全屏常用的宽度
然后我们将它上传到我们的图片空间之中,点击店铺装修下面的图片空间
进入图片空间,点击上传就好了
接着我们就需要对装修的代码上做修改了,在装修上想突破950PX的话,那我们就需要position这个属性中的absolute,在这里我们经过一段时间的实验之后,唯一能够使用的就只有下面这个CSS符合我们的需要
接着我们就进入DW的界面,在里面编辑以下的代码第三步的代码
<div style="height:297px;"> <div class="footer-more-trigger" style="padding:0px;left:50%;top:auto;"> <div class="footer-more-trigger" style="padding:0px;left:-960px;top:auto;"> </div> </div></div>
4然后在里面选择添加图像,在自己电脑上将之前做好的图片放进去
接着就是进入店铺的图片空间中点击已经上传好的图片的链接按钮,直接复制它的图片链接
将链接与DW中的图片代码进行替换,如果是电脑上的图片链接的话,上传到网上是显示不出来的
在下面的这个位置,你可以添加一个链接,好推广自己的产品,让图片与产品链接相关联
然后就是将这段代码复制到装修的自定义框框中,点击确定
发布后,就能够看到你做出来的效果了,在图片上面会有一个白条,看上去会显的不雅观,那就按照第10步去除它吧
点击这个按钮,将那10像素关掉,你再看看是不是好很多了