淘宝店铺首页全屏海报怎么做?双层固定海报制作方法!

  在淘宝店铺装修中,有一种特效非常的大气时尚,那就是双层全屏海报,其中底层是固定的,不是随着页面的滚动而动,上层不是固定的,可以随着页面的滚动而动,那么这种效果是怎么实现的呢?开淘小编告诉你具体的操作步骤!

  准备素材:

  1.需要一张底部的图片和一张局部透明的顶部图片。

  要求底图大小是1920PX*737PX,顶图大小是1920PX*666PX。

  如果没有的话您可以使用我们提供的现成的图片操作试试。

  操作步骤:

  在Dreamweaver(下面简称DW)中新建一个html页面,切换到代码视图,并将其中的原有代码删除。

  将淘宝装修代码复制到DW中,并将制作好的图片素材上传的您的淘宝图片空间,并分别获取两张图片的图片地址,分别替换掉DW里的--底部图片地址文字和顶部图片地址文字。

淘宝店铺首页全屏海报怎么做?双层固定海报制作方法!

  替换图片地址以后切换到设计视图,可能图片会显示不出来,这个时候注意将刚才粘贴的两张图片地址前面的https://里的s删掉就显示出来了,如图:

淘宝店铺首页全屏海报怎么做?双层固定海报制作方法!

  在设计视图里看到图片以后,用鼠标点下选中顶层图片,然后在最下面看到属性框,里面就有淘宝店铺装修热点工具:

淘宝店铺首页全屏海报怎么做?双层固定海报制作方法!

  用鼠标点中如上图的热点工具,您可以选择矩形,圆形或者多边形任其一种,连续在图片中用鼠标按住左键画出热点区域,不过要注意的是:

  每用鼠标在图片中画出一片热点区域时,属性框里便会出现这个热点区域的属性设置信息,您需要在里面填写这个热点相应的宝贝链接。

  如下图:

淘宝店铺首页全屏海报怎么做?双层固定海报制作方法!

  只有填写的链接,点击这块区域才会跳转到相应的宝贝详情页那里。

  制作好热点以后,在DW里返回代码视图,将里面的代码全部选中,然后复制粘贴到您的淘宝通栏自定义内容区里就可以了。通过预览或者直接发布来查看效果哦,效果绝对棒棒哒!如果你想了解更多可以咨询开淘网,这里有最全面的资源。

  

声明:本网站的文章部分内容可能来源于网络,内容为作者独立观点不代表运营网立场,仅供大家学习与参考,若有图片和内容侵犯了原著者的合法权益,请联系平台管理员yameia88@qq.com ,我们会在2个工作日内查证删除。
装修经验

怎么修改淘宝店铺首页背景图?get这些知识

2023-7-18 11:51:40

装修经验

淘宝网店装修为了好看吗?不,要停留!

2023-7-18 11:52:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索