首页 电商 正文

淘宝个性导航制作教程—突破淘宝默认局限

扫码手机浏览

00:00
--:--
01将你做的psd切片,如上图,储存为web所用格式,保存格式选择HTML和图像02把倒出来的images图片上传到淘宝图片空间,右键白日梦html,选择Dreamweaver打开。点击菜单栏下面的设计,选择01切片,依次用淘宝空间···

图片来源@Unsplash,基于CC0协议!

01将你做的psd切片,如上图,储存为web所用格式,保存格式选择HTML和图像

02把倒出来的images图片上传到淘宝图片空间,右键白日梦html,选择Dreamweaver打开。点击菜单栏下面的设计,选择01切片,依次用淘宝空间图片链接,在软件下方属性源文件地址中替换成淘宝空间图片链接。源文件下方,链接地址填写你需要链接到的淘宝页面地址。

03 选择代码,复制<body>与</body>中间的代码,切记复制完整。之前先按F12测试链接是否有错误。

04 进入装修页面,编辑店铺招牌,选择代码,把之前复制的代码粘贴。在高度里填写150px,这样就可以把淘宝默认的导航,顶下去,发布后就看不见淘宝的默认导航了。导航背景需要在,装修—样式管理—背景设置里上传导航背景图片。然后预览看看你的效果吧。 css导航需要html基础,下次又时间更新

本文转载自互联网,版权归原作者所有,转载目的在于传递更多的信息,并不代表本网站的观点和立场。部分文章推送时未能及时与原作者取得联系,如发现本站文章存在内容、版权或其它问题,烦请告知,我们将及时删除。

推荐文章