B2主题添加首页公告条的教程

释放双眼,带上耳机,听听看~!
B2主题添加首页公告条的教程

今天给大家分享一下给B2主题增加首页公告条的教程。

首先,我们复制下载的代码,复制粘贴到B2主题的“头部HTML标签”里面:

  1. <link rel=“stylesheet” href=“//at.alicdn.com/t/font_2467114_k22t1d65q9r.css”>
  2. <link href=“https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css” rel=“stylesheet” integrity=“sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x” crossorigin=“anonymous”>
  3. <script src=“https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js” integrity=“sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4” crossorigin=“anonymous”></script>

 

第二步:在“B2主题设置-模块管理-首页”里面,新增一个模块,模块类型选择“自定义”

 

 

第三步:将以下代码复制粘贴到“自定义”模块里面,粘贴完保存即可

  1. <div class=“alert alert-warning alert-dismissible fade show” role=“alert”>
  2. <strong><span class=“badge bg-danger”>
  3. Hello,宝贝<sup aria-hidden=“true” class=“spinner-grow spinner-grow-sm ml-1 small” role=“status” style= width: .5rem; height: .5rem; ></sup></strong> 可汗网为回馈广大新老用户,即日起至5月31日,终身会员限时特价19.9元,全站资源免费下载。 <a class=“badge bg-warning text-dark” href=“https://www.kehan.cc/vips” rel=“nofollow noopener noreferrer” target=“_blank”>
  4. 点击开通会员
  5. </a>
  6. <button type=“button” class=“btn-close” data-bs-dismiss=“alert” aria-label=“Close”></button>
  7. </div>

 

 


如果你想自定义颜色、样式,请参考这个网址:https://v5.bootcss.com/docs/components/alerts/

文字部分改成你自己的,改完后保存,在首页即可看到效果。

PC端效果

移动端效果

高端用法:我们可以用同样的方法,在小工具、页面广告中添加如上代码,比如添加到文章页效果如下


更新记录

  • 修复关闭按钮异常的问题(2021-05-28)
  • 公告条添加关闭按钮(2021-05-24)
  • 增加该样式的高端用法(2021-05-24)
  • 添加自定义样式的说明(2021-05-23)

给TA打赏
共{{data.count}}人
人已打赏
精品源码

某宝300收的七彩双端

2021-5-28 19:39:57

精品源码

价值6000元短视频点赞运营版源码

2021-5-30 9:03:57

提示: 本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:522552094@qq.com
102 条回复 A文章作者 M管理员
  1. 太阳无语

    使用WordPress搭建的吗

  2. 大船复杂

    点个赞

  3. 机灵你篮球

    牛逼

  4. 我下载了

  5. 细心摸摸老师

    小编,还有发卡源码吗

  6. 冰棍会撒娇

    老哥 我想..

  7. 大米完美

    可以的过来逛逛

  8. 画笔高贵

    啦啦啦啦

  9. 有没有高清壁纸下载

  10. 长颈鹿悲凉

    网站很漂亮

  11. 滑板淡定

    认证需要什么

  12. 辛勤诺舞蹈

    我下载了

  13. 跳跃保卫招牌

  14. 网站挺好看的

  15. 小编

    支持

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
  • 2368 用户总数
  • 2465 文章总数
  • 1688596 浏览总数
  • 6 今日发布
  • 826 稳定运行
立即加入

加入本站VIP,全站资源任意下载!