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主题设置-模块管理-首页”里面,新增一个模块,模块类型选择“自定义”

 

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/

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

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

PC端效果

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

移动端效果

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

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


更新记录

  • 修复关闭按钮异常的问题(2021-05-28)
  • 公告条添加关闭按钮(2021-05-24)
  • 增加该样式的高端用法(2021-05-24)
  • 添加自定义样式的说明(2021-05-23)
提示: 本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:522552094@qq.com

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

某宝300收的七彩双端

2021-5-28 19:39:57

精品源码

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

2021-5-30 9:03:57

!
你也想出现在这里?立即 联系我们吧!
终生年SVIP赞助仅需188
107 条回复 A文章作者 M管理员
  1. 小编

    支持

  2. 网站挺好看的

  3. 辛勤诺舞蹈

    我下载了

  4. 滑板淡定

    认证需要什么

  5. 有没有高清壁纸下载

  6. 画笔高贵

    啦啦啦啦

  7. 大米完美

    可以的过来逛逛

  8. 细心摸摸老师

    小编,还有发卡源码吗

  9. 我下载了

  10. 机灵你篮球

    牛逼

  11. 大船复杂

    点个赞

  12. 太阳无语

    使用WordPress搭建的吗

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

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

你有新的私信

请务必要查看您的私信哟~~