淘宝装修设计
淘宝装修设计 >>  正文

淘宝海报下雪效果怎么实现?步骤分享

发布时间: 2019-04-22 14:30:32

  现在到了秋冬季节,有卖家朋友想要在店铺的海报设置飘雪的效果,但是不知道淘宝装修的动态雪花效果是怎么做的,是代码吗?今天开淘小编跟大家重点介绍一下具体的操作步骤是什么!

  用一串代码,加到淘宝自定义模块即可。

  div class=skin-box tb-module tshop-pbsm tshop-pbsm-shop-self-defined

  div class=skin-box-bd clear-fix

  div class=J_TWidget style=position: relative; data-widget-type=Tabs data-widget-config={'duration':0.1,'activeTriggerCls':'\u2003tm-isv-flower-mask','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'lsm-shiyan','contentCls':'lsm-shiyan01','autoplay':true}

  div class=lsm-shiyan01 style=left: 0px; width: 999999px; display: none; position: absolute;

  span class=-_-switchable-panel-internal1229 ks-switchable-panel-internal526 role=tabpanel aria-hidden=true aria-labelledby=ks-switchable529 style=float: left; display: block; /span

  /div

  div

  div class=lsm-shiyan role=tablist

  div tabindex=-1 class=-_-isv-flower-mask ks-switchable-trigger-internal525 tm-isv-flower-mask id=ks-switchable529 role=tab style=left: 50%; top: 0px; width: 0px; height: 0px; right: auto;

  div style=left: -950px; position: relative;

  embed width=475 height=1000 src=http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf type=application/x-shockwave-flash wmode=transparent flashvars=scene=taobao_shop allowscriptaccess=never

  /div

  /div

  /div

  /div

  /div

  div class=J_TWidget style=position: relative; data-widget-type=Tabs data-widget-config={'duration':0.1,'activeTriggerCls':'\u2003tm-isv-flower-mask','interval':0.1,'effect':'scrollx','activeIndex':1,'navCls':'lsm-shiyan','contentCls':'lsm-shiyan01','autoplay':true}

  div class=lsm-shiyan01 style=left: 0px; width: 999999px; display: none; position: absolute;

  span class=-_-switchable-panel-internal1229 ks-switchable-panel-internal639 role=tabpanel aria-hidden=true aria-labelledby=ks-switchable642 style=float: left; display: block; /span

  /div

  div

  div class=lsm-shiyan role=tablist

  div tabindex=-1 class=-_-isv-flower-mask ks-switchable-trigger-internal638 tm-isv-flower-mask id=ks-switchable642 role=tab style=left: 50%; top: 0px; width: 0px; height: 0px; right: auto;

  div style=left: 475px; position: relative;

  embed width=475 height=1000 src=http://img1.tbcdn.cn/tfscom/T1lmk2Fk8bXXXtxVjX.swf type=application/x-shockwave-flash wmode=transparent flashvars=scene=taobao_shop allowscriptaccess=never

  /div

  /div

  /div

  /div

  /div

  /div

  /div

  复制好以前的代码,请打开卖家中心--店铺装修---首页装修,在页尾添加自定义模块,把代码复制进去。

  熟悉PS后,可以把照片或者图片做出很多效果,比如把春天变为冬天。下面就为大家介绍PS简单制作逼真的下雪特效方法,不会的朋友可以参考下面的步骤!

  打开素材,复制一层,点击“曲线”调色。

  第二部,点击“黑白”数值可参考图片。改变该图层模式为滤色(过滤掉黑色)。

  第三部,新建一个图层,填充黑色,然后点击“滤镜-像素化”数值参考图片。然后点击“滤镜-模糊-动感模糊"数值参考图片。

  第四步,改变该图层模式,”滤色“。然后Ctrl+L打开色阶,调整,可参考图片。

  第五步,调下亮度对比度(根据自己情况),然后回到图层一,用白色画笔把远处的山模糊一下,”透明度30,流量50“根据情况可在其他地方涂抹,制造雾气和雪的效果。最后完成图。

  最后说一点就是,放上淘宝装修代码后打开首页可能会有一点卡,介意的请勿用!因天猫是禁止此类代码的,所以不知道什么时候就给屏蔽了,如果你发现代码失效了,就说明已经被屏蔽了!

  

最新发布
...
淘宝卖家装修店铺需要注意哪些细节?
不管你做什么事情,都是开头比较难,那么新手装修网店也是难上加难。由此,我们特别为大家准备了需要着重了..
...
淘宝宝贝详情页如何装修?装修教程
很多人都对网店详情页的装修都不清楚不了解,现在针对这个问题小编就给大家讲一下,怎么用详情页的装修来吸..
...
如何在淘宝装修的时候制作轮播图片?
我们在逛店铺或者是浏览网页的时候,我们会有发现吗?就是有些比较炫酷的特效,就是一些图片会在轮流播放,..
...
高转化率的淘宝店铺怎么装修?
店家们常常在网店引流方面花费很多钱和时间,但效果并不是那么理想。对此,小编给店家们提供怎样从淘宝店铺..
热文阅读
...
如何显示淘宝详情页左侧栏宝贝,怎么修改
许多卖家对于左侧边栏的内容之前隐藏了,现在又想要显示出来,不知道怎么操作可以实现这些效果?下面小编就..
...
如何做淘宝宝贝详情页,开网店做淘宝详情页制作步骤
淘宝详情页是淘宝宝贝的灵魂所在,因为我们说过淘宝网店总体来说就是依靠图片来吸引广大的顾客群体,所以详..
...
手淘详情页制作,你注意细节了吗?
我们知道相对于pc端来说,手机淘宝所占的流量是比较多的,所以我们想要提高店铺的流量,就需要多从手机淘宝..
...
淘宝详情页怎么做视频,教你如何上传视频方法分享
淘宝如今的详情页视频非常的火热,卖家们纷纷专注地制作最适合自己的店铺的视频。下面小编也很大家分享一下..
随机推荐
如何显示淘宝详情页左侧栏宝贝,怎么修改
许多卖家对于左侧边栏的内容之前隐藏了,现在又想要显示出来,不知道怎么操作可以实现这些效果?下面小编就..
淘宝详情页批量投放怎么操作?详细步骤分享
想要店铺的转化率好,那么宝贝的详情页一定要做好优化。在每次上新的时候,如果上架的宝贝太多,详情页都是..
淘宝详情页页头不显示怎么办?
有卖家朋友在设置淘宝详情页的时候,发现页头背景图在详情页无法显示,但是在首页可以显示的问题,不知道该..
淘宝宝贝详情自定义模板在哪里设置?教程
不同的宝贝就该有不同的信息,自定义内容和不同的关联推荐,那么宝贝详情模板就是解决这样的问题,一个类目..