样式自定义

样式是 wpForo 主题的子组件。例如，在2022主题目录（wpforo/themes/classic/）中，您可以找到 /styles/ 文件夹。此文件夹包含带有颜色变量的 PHP 文件，该文件在经典主题的根目录上生成 colors.css 动态文件。

动态 wpforo/themes/2022/matrix.css 文件由 wpForo 在第一页重新加载时生成。/Styles/文件夹中的所有文件仅供主题开发人员使用，您不应编辑它们。如果您想更改论坛样式或单个颜色，您应该使用 wpForo>设置>颜色和样式管理页面中的五个颜色选项样式颜色

  • 颜色 #1
    • 无论你在哪里看到白色背景和白色字体
  • 自定义 CSS
    • 主字体颜色
      • #wpforo #wpforo-wrap {color:#333333;}
    • 当前板块页面标题颜色 (板块，主题，会员页面标题) 卫浴面包屑导航下面。
      • #wpforo #wpforo-wrap #wpforo-title{color:#333333;}
  • 颜色 #3
    • 帖子内容字体颜色
    • 顶部菜单栏背景颜色
      • #wpforo #wpforo-wrap #wpforo-menu { background-color:#555555; }
    • 页脚顶部栏背景颜色
      • #wpforo #wpforo-wrap #wpforo-stat-header {background-color:#555555;}
    • 页脚底部“鸣谢 wpForo 论坛”栏背景颜色
      • #wpforo #wpforo-wrap #wpforo-poweredby {background-color:#555555;}
  • 自定义 CSS
    • 论坛面包屑导航被动链接颜色
      • #wpforo #wpforo-wrap .wpf-breadcrumb a {color:#666666;}
    • 我的个人资料>个人资料页面文本颜色
      • #wpforo #wpforo-wrap .wpf-profile-section{color:#666666;}
  • 自定义 CSS
    • 主题灰色图标颜色
    • 论坛描述颜色
      • #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-description{color:#777777;}
    • 个人资料菜单栏背景颜色
      • #wpforo #wpforo-wrap, .h-footer.wpfbg-2 {background:#777777!important;}
      • #wpforo #wpforo-wrap .wpf-profile-menu {background:#777777!important;}
    • 页脚统计文本颜色
      • #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item i{color:#777777;}
      • #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-value{color:#777777;}
      • #wpforo #wpforo-wrap #wpforo-stat-body .wpf-stat-item .wpf-stat-label{color:#777777;}
  • 自定义 CSS
    • 子论坛板块图标颜色
      • #wpforo #wpforo-wrap .wpforo-subforum i{ color:#999999; }
  • 自定义 CSS
    • 内容“引用”和“代码”框背景
      • #wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-code{background:#e6e6e6;}
      • #wpforo #wpforo-wrap .wpforo-post .wpf-right blockquote{background:#e6e6e6;}
    • 几乎所有浅灰色盒子和面板的边框颜色
  • 颜色 #11
    • 链接的悬停/活动字体颜色
      • #wpforo #wpforo-wrap a:hover{color:#659fbe;}
      • #wpforo #wpforo-wrap a:active {color:#659fbe;}
      • .wpfcl-a{color:$11;}
    • 主题/帖子操作链接悬停颜色（回复、引用、点赞、置顶、关闭、移动、删除）
  • 颜色 #12
    • 论坛 主要 颜色
    • 按钮背景颜色
      • #wpforo #wpforo-wrap .wpf-button{background-color:$12;}
    • 活动菜单背景颜色
      • #wpforo #wpforo-wrap #wpforo-menu .current_page_item {background-color:$12!important;}
      • #wpforo #wpforo-wrap .wpforo-active, #wpforo #wpforo-wrap #wpforo-menu li:hover, #wpforo #wpforo-wrap #wpforo-menu .current-menu-item, #wpforo #wpforo-wrap #wpforo-menu .current-menu-ancestor, #wpforo #wpforo-wrap #wpforo-menu .current-menu-parent, #wpforo #wpforo-wrap #wpforo-menu .current_page_item {background-color:$12!important;}
    • 分类面板背景颜色
      • #wpforo #wpforo-wrap .wpforo-category{background-color:$12!important;}
    • 主题列表头板背景颜色
      • #wpforo #wpforo-wrap .wpforo-topic-head{background-color:$12!important;}
    • 帖子列表头板背景颜色
      • #wpforo #wpforo-wrap .wpforo-post-head{background-color:$12!important;}
    • 右上角弹出消息背景颜色
  • 自定义 CSS
    • 问答布局主题投票框背景颜色（在论坛和主题列表中）
      • #wpforo #wpforo-wrap .wpforo-last-topic .votes .count.wpfbg-4 {background-color: #72ccfc!important;}
  • 颜色 #14
    • 按钮边框颜色和按钮悬停背景颜色
      • #wpforo #wpforo-wrap .wpf-button{ border: 1px solid $14; }
      • #wpforo #wpforo-wrap .wpf-button:hover{ background:$14; }
  • 自定义 CSS
    • 链接颜色
      • #wpforo #wpforo-wrap a { color:#3f7796; }
      • #wpforo #wpforo-wrap a:visited { color:#3f7796; }
    • 主题/帖子操作链接颜色（回复、引用、点赞、置顶、关闭、移动、删除）
      • #wpforo #wpforo-wrap .wpf-action{color:#3f7796; }
  • 自定义 CSS
    • 论坛面包屑导航活动字体颜色
      • #wpforo #wpforo-wrap .wpf-breadcrumb a.active{color:#4a8eb3; }
  •  CSS
    • 问答布局中的作者框帖子内容和 pre（代码）内容框背景颜色
      • #wpforo #wpforo-wrap .wpfl-3 .wpforo-post .wpforo-post-author-data-content{background:#dff4ff;}
      • #wpforo #wpforo-wrap pre {background:#dff4ff;}
  • 自定义 CSS
    • 所有橙色背景和颜色
      • .wpfcl-5{ color:$20!important; }
      • .wpfbg-5{ background-color:#ff812d!important; }
      • #wpforo #wpforo-wrap .wpfl-1 .wpforo-post .bottom .bleft a{color:#ff812d;}
      • #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-stat{color:#ff812d;}
      • #wpforo #wpforo-wrap .wpfl-2 .wpforo-post .wpf-right .wpforo-post-content-bottom .cbleft a{color:#ff812d;}
  • 自定义 CSS
    • 所有绿色背景和颜色（也用于成功信息和插件）
      • .wpfcl-8{ color:#4dca5c!important; }
      • .wpfbg-8{ background-color:#4dca5c!important; }
浏览量: 2