Ripro V8.4春系列主题如何启用并自定义顶部黑条导航?

Web前端 潘老师 1年前 (2023-03-20) 474 ℃ (0) 扫码查看

Ripro V8.4春系列主题,也称为C系列,在V8.0之后新增了自定义顶部的黑条导航?但是该如何启用,又该如何自定义成想要的列表菜单呢?接下来,子夜资源网带大家一起来看下该如何操作!

第一步:启用

首先我们要在后台 主题设置->子主题美化设置->全站更多设置 菜单中打开 是否显示顶部黑条 ,然后保存如下图:

此时我们访问首页发现顶部黑条导航如下所示:

Java潘老师发现顶部黑条默认都是显示我们后台自定义的页面,比如vip会员介绍、友情链接等等,但是我们想要自定义成菜单导航,该怎么做呢?接着看第二步!

第二步:自定义导航

其实和自定义顶部导航类似,打开 外观->自定义->菜单->查看所有菜单位置 发现会有一个顶部黑条导航可供选择,此时我们点击下面的 创建新菜单 ,我们新创建一个顶部黑条的菜单即可,然后再选择该菜单启用即可实现,具体的过程和自定义顶部菜单一样,这样就不过多赘述了。

Ripro子主题C系列美化包V8.4源码下载(春系列模板)

文章目录 说明事项 美化包介绍 安装说明 截图展示 源码下载 版本更新记录 Java潘老师修复记录 子主题V8 […]

第三步:优化样式

此时我们发现顶部黑条导航的样式不是很理想,需要优化样式,找到 模板源码中的parts->navbar.php 文件下的33行,将其改为:

<!-- 原来是这样的 -->
<ul id="menu-header-top" class="menu">
<!-- 现在改为这样,其实就是新增了navbar样式 -->
<ul id="menu-header-top" class="menu navbar">

最后效果图如下:


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/java/web/5953.html
喜欢 (0)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】