葡京集团游戏

新手卖家如何装修淘宝店铺?

淘宝网店装修详情页需要遵循哪些原则?

淘宝网店装修宝贝详情页怎么设计制作的?

淘宝店铺免费扶植版店铺有哪些装修方法?

新手卖家装修淘宝有哪些技巧分享?

淘宝装修教程网页分页跟制作装修模板有哪些方法?

新手淘宝网店如何装修?装修教程

网店装修怎么才能装修出个性网店风格?

淘宝网店装修教程有哪些实战技巧?

淘宝装修教程告诉你怎么装修网店?

新手卖家如何装修淘宝店铺?

淘宝网店装修详情页需要遵循哪些原则?

淘宝网店装修宝贝详情页怎么设计制作的?

淘宝店铺免费扶植版店铺有哪些装修方法?

新手卖家装修淘宝有哪些技巧分享?

淘宝装修教程网页分页跟制作装修模板有哪些方法?

新手淘宝网店如何装修?装修教程

网店装修怎么才能装修出个性网店风格?

淘宝网店装修教程有哪些实战技巧?

淘宝装修教程告诉你怎么装修网店?

淘宝装修教程之双层固定全屏海报的制作方法(图文)

来源: | 2016-11-22 21:33:52 | 人气: 次    

导读:在淘宝店铺装修中,有一种特效非常的大气时尚,那就是双层全屏海报,其中底层是固定的,不是随着页面的滚动而动,上层不是固定的,可以随着页面的滚动而动。

在淘宝店铺装修中,有一种特效非常的大气时尚,那就是双层全屏海报,其中底层是固定的,不是随着页面的滚动而动,上层不是固定的,可以随着页面的滚动而动。

到底是什么样的效果呢?大家可以看下幅动态图:

<a href=/jiaocheng/ target=_blank class=infotextkey>淘宝装修教程</a>之双层固定全屏海报的制作方法

那么现在淘宝装修网就将详细的操作教程公布给大家。

准备素材:

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

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

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

 

 

 

操作步骤:

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

淘宝装修教程之双层固定全屏海报的制作方法

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

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

淘宝装修教程之双层固定全屏海报的制作方法

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

淘宝装修教程之双层固定全屏海报的制作方法

淘宝装修教程之双层固定全屏海报的制作方法

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

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

淘宝装修教程之双层固定全屏海报的制作方法

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

好了,制作好热点以后,在DW里返回代码视图,将里面的代码全部选中,然后复制粘贴到您的淘宝通栏自定义内容区里就可以了。

 



葡京网站游戏

相关推荐

新手卖家如何装修淘宝店铺? 新手卖家如何装修淘宝店铺

很多刚刚在淘宝开店的卖家都不懂现在的形式,以为商品的质量跟服务到位了,就可以在淘宝混的风生水起。其实淘宝店铺的经营没有那么简单。不仅商品要好,服务要好,店铺装修也是不可

淘宝网店装修详情页需要遵循哪些原则? 淘宝网店装修详情页需要遵

之前的文章中,小贤已经介绍了关于网店详情页装修的详细装修方法,大家有没有学会了呢?如果网店中的详情页装修不好,那么整个网店装修效果就会受影响。如果你已经装修了详情页但

葡京网站游戏
 

淘宝推广教程

葡京集团游戏