折腾日记-B2主题添加首页公告条的教程[转载仅做备份]

此贴转载自可汗网#原文链接

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

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<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主题设置-模块管理-首页”里面,新增一个模块,模块类型选择-自定义

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

<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong><span class="badge bg-danger">
Hello,宝贝<sup aria-hidden="true" class="spinner-grow spinner-grow-sm ml-1 small" role="status" style=" width: .5rem; height: .5rem; "></sup></strong> 老狗博客于5月21日更新全站外观UI以前数据问题请联系QQ46076203补偿 <a class="badge bg-warning text-dark" href="#" rel="nofollow noopener noreferrer" target="_blank">
点击联系
</a>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

注:把#更改为你要替换的链接

进阶更改通知颜色链接地址:https://v5.bootcss.com/docs/components/alerts/

演示效果可见上图

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

具体效果不在演示,此章仅作为自己折腾备份使用~

为TA充电
共{{data.count}}人
人已赞赏
折腾日记

折腾日记-搭建v2-ui支持多协议多用户的 xray 面板

2021-5-11 12:47:37

折腾日记

折腾日记-CentOS 7下升级sqlite3到最新版本踩坑记录

2021-6-26 16:39:04