主页：方向

菜单栏是访客在您网站上遇到的最初事物之一。通过使用吸引人的可点击链接来激发访客参与度，并将菜单栏转换为可重复使用的图标，可以根据您的需要进行自定义和修改，以照顾到您的未来。 

在此会话中，您将了解如何使用以下内容创建菜单栏：

1. 集成菜单栏
2. 增强菜单栏的样式
3. 将菜单栏转换为符号

继续关注我们 获取资源 本教程将介绍如何安装 

集成菜单栏

我们将纳入 菜单栏r 在主页顶部： 

1. 访问 航海家
2. 解锁 整合面板
3. 导航 成分
4. 拖动 菜单栏 进入 航海家 并将其放置在 身体

‍

这 菜单栏 组件附带某些默认组件，包括 容器.

在之前的主页英雄部分教程中，我们制作了一个独立的 容器 位于 部分。我们指定了 容器 为 1200 像素，这自动产生了“容器”类。 

让我们回收“Container”类 菜单栏 默认 容器 这样它也可以享受我们之前设定的 1200 像素最大宽度带来的好处： 

1. 选择 菜单栏容器
2. 弹出 设计面板
3. 输入 标识符字段
4. 从中选择“容器” 当前课程

评论： 如果您将类分配给元素，则对该元素所做的所有样式修改都将保留在该类中。您可以在新元素上重用该类，以自动部署您生成的类中保留的样式。 

增强菜单栏

让我们修改 菜单栏 以帮助它与我们的设计更加和谐地融合：

1. 选择 菜单栏
2. 揭晓 设计面板 > 背景
3. 启动调色板
4. 选择黑色

改变背景颜色 菜单栏 黑色导致我们的 菜单栏 连接与背景融合，变得模糊不清。我们将在将我们的徽标合并到 菜单栏: 

1. 启动 资源面板
2. 将徽标放入品牌中 链接块

让我们缩小徽标：

1. 选择徽标 图片
2. 抓住一个角点并将其移动到 196 x 28 像素

还可以将徽标居中，并通过添加填充来扩大其可点击空间：

1. 选择品牌 链接块
2. 揭晓 设计面板 > 间距
3. 整合顶部和底部 填充 16 像素

评论： 您可以通过按住 选项 （在 Mac 上）或 Alt （在 Windows 上），并将其中一个 利润 或者 填充 监管机构。 

让我们设计一下 菜单连接 使它们在黑色背景下清晰可见： 

1. 选择一个 菜单连接
2. 扩张 设计面板 > 排版
3. 打 调色板 并将颜色指定为白色

要在所有 菜单连接，将“菜单连接”类添加到每个 菜单连接 在里面 菜单栏:

1. 选择后续 菜单连接 在里面 菜单栏
2. 输入 标识符字段
3. 从中选择“菜单连接” 当前课程
4. 为幸存的 1 人重做这些阶段 菜单连接

评论： 如果你在元素上使用不适当的类，你可以随时从 标识符字段，并从中选择正确的类别 当前课程 下拉菜单。深入了解课程。 

让我们授予 菜单连接 通过调整边距，使彼此之间的距离稍微大一些：