大家好我是平哥，今天给大家分享新手用的基础教程，老鸟勿喷，请绕路。
首先，看下做成后的效果图（实际比这个好看多了）
[img=600,123]http://img02.taobaocdn.com/imgextra/i2/19523043654956422/T2Q2xDXw4XXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img]
第一步，替换店招导航栏通栏背景图片，准备一张高为150PX，宽度自定义（最好是10PX左右）的图片，如下图，这个图片分为上下，上面跟你的店招背景一样，高度为120PX，下面跟你导航栏一样高度为30PX。
[img=106,150]http://img03.taobaocdn.com/imgextra/i3/19523030962013548/T2B.NCXwNXXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img]
如何替换背景通栏，详见：轻松设置店招通栏帖子
第二步，登录导航栏CSS代码在线生成工具页面（[url]http://www.taoour.com/tbzx/[/url] 如不能点击打开，请复制到浏览器地址栏打开）
也可以使用论坛里面工具来生成导航栏代码。论坛里面有很多这种工具。
[img=600,356]http://img04.taobaocdn.com/imgextra/i4/19523031061568774/T2lL8AXw8XXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img]
[img=600,423]http://img01.taobaocdn.com/imgextra/i1/19523043655272287/T2cF4AXw0XXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img]
选择你想要的效果，直接点到颜色取色器就可以了！
第三步，按提示完成操作后，点击生成代码并预览，可以直接查看预览效果。
[img=600,154]http://img02.taobaocdn.com/imgextra/i2/19523031401419453/T2_PStXslaXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img]
第四步：将代码复制，可以CTRL+A全选代码，CTRL+C复制到店招自定义代码区域中去，下图
[img=600,200]http://img04.taobaocdn.com/imgextra/i4/19523031293729236/T2iKtyXw4XXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img][img=600,160]http://img04.taobaocdn.com/imgextra/i4/19523031397318680/T2kAlzXwVXXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img][img=600,467]http://img01.taobaocdn.com/imgextra/i1/19523031293721245/T2LgDYXhRbXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img][img=600,485]http://img04.taobaocdn.com/imgextra/i4/19523031293765055/T2EIdDXw8XXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img][img=600,132]http://img03.taobaocdn.com/imgextra/i3/19523031061772607/T2PtpzXw8XXXXXXXXX_!!685099523-0-martrix_bbs.jpg[/img]
就这么简单，高端大气上档次的，导航栏跟通栏一致的CSS样式就搞定了！
亲，赶紧去试试吧
![[AI助力]七匹狼 旅行箱详情页全案 渲染设计 模特生成](https://img.zhisheji.com/Fnowh1GebjLW0N4ePgOI8kZVd0l8?imageMogr2/quality/100/sharpen/1/thumbnail/290x/crop/!290x180)
粤公网安备 44030902001796号 粤ICP备19041343号-3
签到成功
全部评论()