搜建筑资料网 - 做最好的工程资料下载网站!本站永久网址:www.sojianzhu.com

当前位置: > 知识 > > 内容页

2015淘宝网怎么装修与全屏海报装修

浏览:2019-12-26 13:56

 

这里有一份C店的装修教程与全屏海报的代码分享

工具/环境

淘宝Adobe Dreamweaver CS6

方法/步骤

    1

    首先我们要先进入卖家中心,这边是从首页进入的

    2

    然后找到店铺装修按钮,点击进去

    3

    你会看到这么一个版面,点击里面的自定义按钮

    4

    将自定义按钮直接拖拉到右边的界面,在这里就会出现一个编辑框了

    5

    如果是是代码装修的话,要点击这个按钮哦,这样就可以进入源码编辑的装修状态了

    6

    接着就是制作图片了,这边先把要使用的两个软件先说下一个是DW,一个是PS

    7

    至于你们所制作的图片肯定是会自己做的咯,我这边是网上随意找的一张图片,让它的宽度在1920像素上,这是网页全屏常用的宽度

    8

    然后我们将它上传到我们的图片空间之中,点击店铺装修下面的图片空间

    9

    进入图片空间,点击上传就好了

    教程结束。

方法/步骤2

    1

    接着我们就需要对装修的代码上做修改了,在装修上想突破950PX的话,那我们就需要position这个属性中的absolute,在这里我们经过一段时间的实验之后,唯一能够使用的就只有下面这个CSS符合我们的需要

    2

    接着我们就进入DW的界面,在里面编辑以下的代码第三步的代码

    3

    <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

    然后在里面选择添加图像,在自己电脑上将之前做好的图片放进去

    5

    接着就是进入店铺的图片空间中点击已经上传好的图片的链接按钮,直接复制它的图片链接

    6

    将链接与DW中的图片代码进行替换,如果是电脑上的图片链接的话,上传到网上是显示不出来的

    7

    在下面的这个位置,你可以添加一个链接,好推广自己的产品,让图片与产品链接相关联

    8

    然后就是将这段代码复制到装修的自定义框框中,点击确定

    9

    发布后,就能够看到你做出来的效果了,在图片上面会有一个白条,看上去会显的不雅观,那就按照第10步去除它吧

    10

    点击这个按钮,将那10像素关掉,你再看看是不是好很多了

    教程结束。
分享到:

相关文章