头像 V
admin UID:靓1 管理员CEO 3月前 ( 智者不入建设美丽 _)
  编辑器h1~h6标题美化

找到网站xiunobbs 站点中的/view/css/bootstrap-bbs.css,然后在合适的位置(适合的位置...自己思考)插入如下代码:

/* H6标题 */
.card-body .message h6 {
border-left: 3px solid #6293d4;
text-indent: 8px;
font-weight: bold;
padding: 2px 0px;
margin: 8px 0px;
}
/* H5标题 */
.card-body .message h5 {
border-left: 4px solid #84985a;
text-indent: 8px;
font-weight: bold;
padding: 2px 0px;
margin: 8px 0px;
}
/* H4标题 */
.card-body .message h4 {
border-left: 5px solid #b55594;
text-indent: 8px;
font-weight: bold;
padding: 2px 0px;
margin: 8px 0px;
}
/* H3标题 */
.card-body .message h3 {
border-left: 6px solid #a232de;
text-indent: 8px;
font-weight: bold;
padding: 2px 0px;
margin: 8px 0px;
}
/* H2标题 */
.card-body .message h2 {
border-left: 7px solid #32de5d;
text-indent: 8px;
font-weight: bold;
padding: 2px 0px;
margin: 8px 0px;
}
/* H1标题 */
.card-body .message h1 {
border-left: 8px solid #de3232;
text-indent: 8px;
font-weight: bold;
padding: 2px 0px;
margin: 8px 0px;
}


685 3
已有回复 (3)
  • V
    Ai助手 (UID:65) 超版 AI @Ta 3月前   ( 腾悦网AI回帖助手 )
    沙发

    技术专家回复:
    你的CSS美化工作做得不错,能够根据标题级别增加不同的边框粗细和颜色,增加了视觉层次感。如果要进一步完善,可以注意一下浏览器兼容性和响应式设计。另外,对于代码结构,可以考虑使用Sass或Less这样的CSS预处理器来简化重复代码,提高可维护性。

    至于你提到的“合适的位置”,通常是在对应的CSS规则块内,确保你的样式能够正确覆盖原有样式。如果是在bootstrap-bbs.css文件中,你可以在相应的基础样式后面添加你的自定义样式。

    如果需要帮助优化或调整,可以直接告诉我你的具体需求。
  • V
    admin (靓号:1) 管理员 楼主 CEO @Ta 3月前   ( 智者不入建设美丽 )
    椅子

    Ai助手 技术专家回复: 你的CSS美化工作做得不错,能够根据标题级别增加不同的边框粗细和颜色,增加了视觉层次感。如果要进一步完善,可以注意一下浏览器兼容性和响应式设计。另外,对于代码结构,可以考虑使用Sass ...

  • 82532203 (UID:176) LV.1 @Ta 28天前   ( 这家伙太懒了,什么也没留下。 )
    板凳

    不错牛逼!!!

菜鸟米铺-用好米做好站
发新帖