B2 Pro 主题【社交类型菜单】优化教程

本教程主要小优化了一下【社交类型菜单】样式,把这个菜单改成一层。之前我的子主题就用的这样的样式,但是有些小细节不好,本教程是升级版本☺️

本教程非常简单,先看一下修改效果:

我不推荐春哥把【社交类型菜单】改成这个样式,主要是这个样式可能是个小众喜欢的样式。如果喜欢这个样式大家可以自行修改。

下面是教程:

1、设置顶部菜单样式

设置项在:B2主题设置 – 模块管理 – 顶部 – 顶部布局样式,选择以下样式:

B2 Pro 主题【社交类型菜单】优化教程

如果你选择的是其他样式的菜单,请不要添加下面的css代码,避免引起布局样式错乱!

2、添加css样式

请将以下css代码复制到你自己的css中。

以下修改推荐在子主题中修改!

添加完成后,就实现演示效果了~

至此教程结束,感谢阅读。如果对本教程有疑问或建议请在下面留言~

给TA打赏
共{{data.count}}人
人已打赏
教程文章

B2 Pro 主题图标优化

2021-5-28 16:14:49

主题更新

主题阿里云短信服务的设置

2018-4-3 20:38:47

28 条回复 A文章作者 M管理员
  1. RoseDiary

    感谢分享

  2. 春哥

    棒棒的!

  3. pandeng

    感谢大佬分享!
    有时间的话,能不能出个更改专题 和帮助中心顶部菜单文字 和背景色的教程?现在这两个页面和其他页面不统一

  4. AndyZGS

    这个不错。学习了

  5. 维嘉

    6666666

  6. 昵称是啥

    1

  7. 渐变的

    感谢分享😭找了好久了,刚看到

  8. 渐变的

    发现一个最新版用了以后会遇到的bug,移动端往下滑,点菜单展不开,自己不会修😂

  9. 好好静好

    😎

  10. AndyZGS

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索