上海公司网站设计:如何使Divi菜单的背景色在每个页面上有所不同

2019。05。05 关键词:

让你的网站在人群中脱颖而出有时说起来容易做起来难。幸运的是,它可以采取最小的创造性细节,以帮助您推动您的网站进入一个更独特的领域。在今天的教程中,上海公司网站设计将使用我最喜欢的Divi特性之一-DiviBuilder设置框,特别是其中的自定义CSS框。

这就是我所指的领域:

上海公司网站设计

这将限制您在这个小框中放置的CSS只应用于您正在编辑的页面。这是一个令人难以置信的酷和有用的功能!我在很多方面使用过这个特定的CSS框,您会惊讶于它能解决多少问题。

这是我们在本教程结束时的最终结果。导航菜单的背景色根据您所在的页面进行更改。作为一个额外的选项,我包括如何让你的标题,社会图标,改变颜色以及。

我将首先展示如何完成菜单的背景色。然后,我将分别展示让社交图标匹配的步骤。

菜单背景颜色步骤

首先,我使用默认报头格式。如果您使用另一种格式,则本教程仍然有效,因为据我所知,Divi中这个区域的通用divID对于所有格式(#main-头)都是相同的。如果您遇到其他格式的问题,如果您在评论中发表意见,我可以尽我所能提供帮助。

然后,上海公司网站设计将确保我的链接将显示在背景下。我选择的颜色-你可以在这里找到Coolors.co如果你想使用它们-是在黑暗的一面,所以我需要使我的链接文本浅色。我坚持用白色。

  • 我使用RGBA(255,255,255,0.6)作为我的链接颜色,实心白色作为我的活动链接颜色(我只是喜欢视觉效果,给)

接下来,转到要首先更改的页面(应该设置菜单链接)。单击“3行”图标一个选项框会弹出

现在添加以下CSS放进那个盒子里

#main-header {
    background: #474f61;
}

你应该有类似的东西,别忘了更改十六进制代码你选择的颜色

上海公司网站设计

单击“保存并更新”,这就是主菜单部分的内容!这实际上是一行代码,多棒啊!?				</div>
				<div class=

关键词
最新推荐
联系电话 400-6065-301

微信咨询 寒总监

安徽快三 安徽快三 安徽快三 安徽快三 安徽快三 安徽快三 安徽快三 安徽快三 安徽快三 安徽快三