/隐藏博客没有用户登录提示没有权限/
.AlertManager{
visibility: hidden;
padding: 0;
height: 0;
}
/* 主题加横杠 */
.DiscussionListItem.DiscussionListItem–sticky:nth-child(n){border-bottom: 2px double #722c29;}
/* 横幅公告居中显示 */
.Afrux-NewsWidget-icon{display:none}
.Afrux-NewsWidget-content{justify-content:center}
.Afrux-NewsWidget-line-container{justify-items:center}
可以用css改(自定义样式里添加)
可能第一个对移动端不什么友好
/*修改绕过标签内容*/
.TagDiscussionModal-controls .Button-label{
visibility: hidden;
}
.TagDiscussionModal-controls .Button-label::after{
visibility: initial;
position: absolute;
right: 0;
left: -62%;
content: “绕过标签”;
}
/*隐藏绕过标签*/
.TagDiscussionModal-controls{
visibility: hidden;
padding: 0;
height: 0;
}
使用 composer 安装:
composer require ecnu-im/sticky-sidenavcomposer update ecnu-im/sticky-sidenav
php flarum migrate
php flarum cache:clear/* 跳动标题 */
.Hero-title {
animation: my-face 5s infinite ease-in-out;
display: inline-block;
margin: 0 5px;
}
@keyframes my-face {
2% {
transform: translate(0,1.5px) rotate(1.5deg);
}
4% {
transform: translate(0,-1.5px) rotate(-0.5deg);
}
6% {
transform: translate(0,1.5px) rotate(-1.5deg);
}
8% {
transform: translate(0,-1.5px) rotate(-1.5deg);
}
10% {
transform: translate(0,2.5px) rotate(1.5deg);
}
12% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
14% {
transform: translate(0,-1.5px) rotate(1.5deg);
}
16% {
transform: translate(0,-0.5px) rotate(-1.5deg);
}
18% {
transform: translate(0,0.5px) rotate(-1.5deg);
}
20% {
transform: translate(0,-1.5px) rotate(2.5deg);
}
22% {
transform: translate(0,0.5px) rotate(-1.5deg);
}
24% {
transform: translate(0,1.5px) rotate(1.5deg);
}
26% {
transform: translate(0,0.5px) rotate(0.5deg);
}
28% {
transform: translate(0,0.5px) rotate(1.5deg);
}
30% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
32% {
transform: translate(0,1.5px) rotate(-0.5deg);
}
34% {
transform: translate(0,1.5px) rotate(-0.5deg);
}
36% {
transform: translate(0,-1.5px) rotate(2.5deg);
}
38% {
transform: translate(0,1.5px) rotate(-1.5deg);
}
40% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
42% {
transform: translate(0,2.5px) rotate(-1.5deg);
}
44% {
transform: translate(0,1.5px) rotate(0.5deg);
}
46% {
transform: translate(0,-1.5px) rotate(2.5deg);
}
48% {
transform: translate(0,-0.5px) rotate(0.5deg);
}
50% {
transform: translate(0,0.5px) rotate(0.5deg);
}
52% {
transform: translate(0,2.5px) rotate(2.5deg);
}
54% {
transform: translate(0,-1.5px) rotate(1.5deg);
}
56% {
transform: translate(0,2.5px) rotate(2.5deg);
}
58% {
transform: translate(0,0.5px) rotate(2.5deg);
}
60% {
transform: translate(0,2.5px) rotate(2.5deg);
}
62% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
64% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
66% {
transform: translate(0,1.5px) rotate(-0.5deg);
}
68% {
transform: translate(0,-1.5px) rotate(-0.5deg);
}
70% {
transform: translate(0,1.5px) rotate(0.5deg);
}
72% {
transform: translate(0,2.5px) rotate(1.5deg);
}
74% {
transform: translate(0,-0.5px) rotate(0.5deg);
}
76% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
78% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
80% {
transform: translate(0,1.5px) rotate(1.5deg);
}
82% {
transform: translate(0,-0.5px) rotate(0.5deg);
}
84% {
transform: translate(0,1.5px) rotate(2.5deg);
}
86% {
transform: translate(0,-1.5px) rotate(-1.5deg);
}
88% {
transform: translate(0,-0.5px) rotate(2.5deg);
}
90% {
transform: translate(0,2.5px) rotate(-0.5deg);
}
92% {
transform: translate(0,0.5px) rotate(-0.5deg);
}
94% {
transform: translate(0,2.5px) rotate(0.5deg);
}
96% {
transform: translate(0,-0.5px) rotate(1.5deg);
}
98% {
transform: translate(0,-1.5px) rotate(-0.5deg);
}
0%,100% {
transform: translate(0,0) rotate(0deg);
}
}
.Hero {
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem {
transition: all 0.1s;
/* 动画时间 */;
}
@media (min-width: 991px) {
.IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover {
/* 悬浮效果 */
transform: scale(1.01);
/* 缩放 */;
}
}
html给图片设置链接的方法：首先创建一个HTML示例文件；然后通过img标签创建一张图片；最后通过“<a href=”url”><img src=”…”></a>”语法给图片设置链接即可。
文本加颜色<font color=”red”>亲，您好！这是一个淘宝企业店铺的购买渠道，如果您有需求，请点击</font>
文本超链接： <a href=”https://www.php.cn/”>文本超链接</a>
增加“标签|文体”图片
利用 https://img.shields.io 进行获取显示
<img src=”https://img.shields.io/github/v/release/flarum/core?&label=最新版本&color=f9725c&style=flat-square” style=”vertical-align: middle;position: relative;bottom: 1px;” alt=”最新版本” title=”Flarum 最新版本” >
<img src=”https://img.shields.io/github/release-date/flarum/core?label=&style=flat-square” style=”vertical-align: middle;position: relative;bottom: 1px;” alt=”发布日期” title=”发布日期”>
<img src=”https://img.shields.io/badge/%E6%9C%8D%E5%8A%A1QQ-171%200297%20026-blue” >
通知
<div style=”color:#FF0000″>【用友U8+】相对于U8+V13.0，更加推荐使用U8+V16.0</div>
Flarum显示手机端下部导航栏
composer require itnt/flarum-uitab
Flarum草稿使用
composer require fof/drafts
Flarum官网搜来了美化代码，现在我们来给他添加点css，改变下它的外观，哼哼
进入后台-外观配置-自定义样式，然后添加如下代码
.IndexPage-newDiscussion {
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
color: #fff;
background-size: 1800% 1800%;
-webkit-animation: rainbow 15s ease infinite;
-z-animation: rainbow 15s ease infinite;
-o-animation: rainbow 15s ease infinite;
animation: rainbow 15s ease infinite;
}
@-webkit-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}
@keyframes rainbow {
0%{background-position:0% 82%}
50%{background-position:100% 19%}
100%{background-position:0% 82%}
}