手机
当前位置:查字典教程网 >电子商务 >淘宝店铺装修 >教你制作最精良的CSS自定义导航条
教你制作最精良的CSS自定义导航条
摘要:CSS导航效果图:1.首先把我们做好的psd文件切片,如上图,储存为web所用格式,保存格式选择HTML和图像。(这点很简单,不懂的可以看图...

CSS导航效果图:

教你制作最精良的CSS自定义导航条1

教你制作最精良的CSS自定义导航条2

教你制作最精良的CSS自定义导航条3

1. 首先把我们做好的psd文件切片,如上图,储存为web所用格式,保存格式选择HTML和图像。(这点很简单,不懂的可以看图)

教你制作最精良的CSS自定义导航条4

教你制作最精良的CSS自定义导航条5

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

教你制作最精良的CSS自定义导航条6

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

教你制作最精良的CSS自定义导航条7

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

【教你制作最精良的CSS自定义导航条】相关文章:

怎样实现950自定义和通栏模块

你会用啥软件来制作淘宝宝贝的详情页

淘宝店铺无线装修如何轻松玩转自定义模块

教你如何巧妙处理宝贝图片的大小

手把手教你做好淘宝女装的宝贝详情页

教你制作具有独特风格的网店装修

如何用css代码让导航条透明化

详情页要怎么制作才能深入人心?

教你制作优质淘宝宝贝详情页模板5大招

教你优化淘宝宝贝的详情描述

精品推荐
分类导航