淘宝黑色系导航特效
ps:淘宝基础版、专业版、天猫店铺通用!
思路分析
ps:听艺灵分析,那都不是事儿!
案例来源

上述案例来源于一位看官(@小明)的店铺,店铺地址:http://shop156680710.taobao.com
在此也感谢这位看官使用艺灵的工具制作了此特效并成功用到自己的淘宝店铺中。

特效拆分

该特效可拆分为三部分,分别是:全屏店招背景导航栏右侧搜索框

前两部分都可以用相关工具直接完成,相关工具在下面会给出。现在就剩下右侧的搜索框了,这个可以利用左侧的工具箱来添加,然后右键编辑修改一些参数即可。

我是字盲!有图片教程不?

为了照顾部分看官,艺灵特此提供图片教程。
图解:淘宝黑色系导航特效制作过程图解-淘宝黑色系导航特效制作过程

素材有哪些?

由于是用懒人版工具制作的,所以图片素材会多一些。一共是11张图。底图的搜索框已用汉字标明,剩下的就是导航了。如图:淘宝黑色系导航所用素材

还是不会?

不会是因为你懒!不动手,只知道空想的看官这辈子也都别想实现这个效果!(话虽重却很现实,不喜欢听的看官请自便。)

视频教程
ps:建议看官观看完视频后再操作,以免在操作过程中不知道一些术语表达的是什么意思。
暂时没空录制
模板代码
ps:使用下面的代码可快速恢复上面的特效哦!→→戳我编辑此特效

古语有云:“龙生九子,九子各不同!”
来艺灵这里使用工具的看官各自需要自然也有所不同。艺灵的工具是比较灵活的,而且开放的权限也非常大!相同的工具可以做出若干不同的模板出来。由于展示的模板有限及其他因素影响,所以目前的模板并不能满足更多的看官。
所以,如果看官找不到符合您的模板,请先定位自身的需求及要实现的功能,然后再用相关的工具制作自己要的效果。
如果看官愿意分享自已制作的模板,可以联系艺灵球球号:315800015,感谢看官的参与和贡献!

模板使用教程
ps:如果您是新手,请按照下方的教程步骤,一步步操作才能还原哦!还原后更换掉您自己的图片、链接点击生成后就是您自己的代码啦!

第一步:向下拉页面,当看到【模板代码】4个字时停止,复制下面文本域中的代码。
小提示:鼠标在这里单击一下,然后按下Ctrl+A可全选,再按下Ctrl+C可进行复制, 如果是mac系统,Command+A是全选,Command+C是复制。
第二步:点击上方的红字【戳我获取】,此时会跳转到对应的软件页面
第三步:点击【导入模板】--粘贴自己的代码,快捷键:Ctrl+V,mac系统是:Command+V,粘贴后点击确定就可以了。来张图片教程吧!模板代码还原教程

分享模板
据说喜欢分享的看官都已成大神且涨工资了!!!(【分享】按钮在屏幕右侧。)
亲,扫个码支持一下艺灵呗~

如果您觉得本文的内容对您有所帮助,您可以用支付宝打赏下艺灵哦!

发布时间:2017-05-16 15:58:51 - 阅:

评论区

我要评论