<本设置项在zibll(v7.3)前版本名为顶部导航,本wiki按照最新版本更新与维护>

1.自定义导航栏颜色

这个设置能自定义导航栏的前景色和背景色

可以自行设置,但如果前景色与后景色颜色过于相似会造成导航栏显示不清等问题

子比论坛也有关于顶部导航栏美化的教程

导航栏标题字体加粗

CSS代码：(添加到全局&功能 - 自定义代码即可)

/*导航栏字体加粗*/

ul.nav {font-weight: 700;}

顶部导航栏添加背景图片

CSS代码：(添加到全局&功能 - 自定义代码即可)

/*导航栏图片背景*/

.header-layout-1{position:relative;background-image:url(https://www.cunshao.com/666666/meihua/img/huacao.png);background-position:center right;background-size:auto 100%;}

说明：图片背景是透明的，然后我自己乱搞的花花，你可以自己弄更好看的图片，图片大小是1800 * 80、2000 * 80（后这者感觉可能优于前者，O(∩_∩)O哈哈~）

网友提供背景图样式1：https://www.cunshao.com/666666/meihua/img/3623b1f841e3-1024×41.jpg

网友提供背景图样式2：https://www.cunshao.com/666666/meihua/img/e8af1549ecdd-1024×41.png

(上方图片 ©村少博客 cunshao.com)

教程内容 ©子比社区 - 男神

2.电脑端导航布局

在这里可以自定义导航栏的布局

三种布局如图所示

按照自己需要和喜好设置即可

3.移动端导航栏布局

在这里可以设置移动端导航栏布局

就是移动端的顶部布局,中间的圆点是logo的位置,可按照自己的需求设置

4.移动端菜单弹出方向

主题默认的弹出方向是从左边弹出

这个点可以按照自己的喜好设置

（这个设置点只对手机端适用，对于PC端的窗口以及弹出等并不受影响）

这里是两个示例，各位站长可以自行参考。

5.导航浮动

这是一个偏向美化的功能设置项

可以确认是否让导航浮动在顶部（随页面滚动时）

6.Add发布按钮

此设置项可以设置在PC端的顶部导航栏上是否显示Add发布按钮

（注：如果关闭了前台投稿功能，此设置项自动关闭，请牢记：功能/权限选项高于大部分美化/设置选项）

6.1 按钮圆角与按钮颜色

按钮圆角：一个美化设置项。方形按钮与两端圆角形按钮的区标，主题默认是圆角按钮，更美观一些

按钮颜色：美化型设置项可自定义前台Add发布按钮的颜色，建议与全局功能中的全局主题色做对比色或临近色搭配，也可自行选择

6.2按钮文案与显示的按钮

偏向功能的设置项

上方的按钮文案是可以自定义的

您可以将想要显示的按钮文案写在上面（这将会替代原来官方的的'发布'文案）可按照自己站点的需求自定义,如不需要留空即可,不需要设置此项