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

源素网的资源均来于互联网,仅为资源共享、学习参考之目的,其版权均归原作者及其网站所有。
如有侵权烦请发送邮件至:1822160098@qq.com
72 条回复 A文章作者 M管理员
  1. 小懒猪微笑

    真的很划算

  2. 有没有高清壁纸下载

  3. 超短裙俏皮

    谢谢分享

  4. 朴实雨黑裤

    软件下载很好用

  5. 感谢小编的分享

  6. 煎饼开朗

    软件下载很好用

  7. 鼠标乐观

    可以的过来逛逛

  8. 红酒风趣

  9. 感性用煎饼

    源素网的源码不错

  10. 软件下载很好用

  11. 冷傲天师音响

    网站挺不错的

  12. 砖头鲜艳

    感谢小编的分享

  13. 可爱爱金鱼

    认证需要什么

  14. 雨眼睛大

    我下载了

  15. 俭朴和篮球

  16. 红酒风趣

    有没有换友联的

  17. 热狗现实

    我下载了

  18. 发卡顺利

    小编辛苦了

  19. 源素网的源码不错

  20. 跳跃保卫招牌

    感谢小编的分享

  21. 落寞哦肉火

    百度来的

  22. 老实敏火车

    啦啦啦啦

  23. 源素网源码真的很不错

  24. 钻石健忘

    网站很漂亮

  25. 端庄你心情

    网站挺好看的

  26. 细心摸摸老师

    小编,还有发卡源码吗

  27. 我下载了

  28. 机灵你篮球

    牛逼

  29. 大船复杂

    点个赞

  30. 怎么搭建

  31. 大山现实

    有没有高清壁纸下载

  32. 太阳无语

    使用WordPress搭建的吗

  33. 辛勤诺舞蹈

    我下载了

  34. 滑板淡定

    认证需要什么

  35. 长颈鹿悲凉

    网站很漂亮

  36. 有没有高清壁纸下载

  37. 画笔高贵

    啦啦啦啦

  38. 大米完美

    可以的过来逛逛

  39. 冰棍会撒娇

    老哥 我想..

  40. 网站挺好看的

  41. 小编

    支持

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