Совет bbpress оформление. Работа с CSS

  • Автор темы Wildcdu
  • Дата начала

Wildcdu

МОДЕРАТОР
Wildcdu

Wildcdu

МОДЕРАТОР
Сообщения
1,132
Симпатии
265
#1
И так как всегда кратенько
Это CSS, который используется для всех частей вашего bbPress форума. Увеличить размер шрифта для ваших нужд.
[CSS]#bbpress-forums {

background: transparent;
clear: both;
margin-bottom: 20px;
overflow: hidden;
font-size: 12px;
}[/CSS]
Заголовок Форум и Footer

Это отображает метки Автор, сообщений и голоса, и т.д.
[CSS]#bbpress-forums li.bbp-header,

#bbpress-forums li.bbp-footer {
background: #f3f3f3;
border-top: 1px solid #eee;
font-weight: bold;
padding: 8px;
text-align: center;
}
#bbpress-forums li.bbp-header {
background: #eaeaea;
}[/CSS]

Заголовок ответа


[CSS]#bbpress-forums div.bbp-reply-header {

background-color: #f4f4f4;
}[/CSS]

Шаблон Информация уведомления

[CSS]div.bbp-template-notice.info {
border: #cee1ef 1px solid;
background-color: #f0f8ff;
}[/CSS]

Тема / ответ фон
не забудьте цвета все равно чередуются (светлее темнее в ответах)
[CSS]#bbpress-forums div.even,
#bbpress-forums ul.even {
background-color: #fff;
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background-color: #fbfbfb;
}[/CSS]

Для прилепленных тем

[CSS].bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background-color: #ffffe0 !important;
font-size: 1.1em;
}[/CSS]

Настройка цвета текста закрытых тем.

[CSS]#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
color: #ccc;
}[/CSS]

Каскадный стиль ответов.

[CSS]#bbpress-forums ul.bbp-threaded-replies {
margin-left: 50px;
}[/CSS]

Различные тексты
Они, как правило, унаследованная от вашей темы.
Однако вы можете изменить содержимое, используя


[CSS]#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
font-size: 12px;
}[/CSS]

Действия администратора ссылки
[CSS]span.bbp-admin-links {
float: right;
color: #ddd;
}
span.bbp-admin-links a {
color: #bbb;
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
}[/CSS]

Шаблон уведомления
[CSS]div.bbp-template-notice,
div.indicator-hint {
border-width: 1px;
border-style: solid;
padding: 0 0.6em;
margin: 5px 0 15px;
border-radius: 3px;
background-color: #ffffe0;
border-color: #e6db55;
color: #000;
clear: both;
}
div.bbp-template-notice a {
color: #555;
text-decoration: none;
}
div.bbp-template-notice a:hover {
color: #000;
}
div.bbp-template-notice.info {
border: #cee1ef 1px solid;
background-color: #f0f8ff;
}
div.bbp-template-notice.important {
border: #e6db55 1px solid;
background-color: #fffbcc;
}
div.bbp-template-notice.error,
div.bbp-template-notice.warning {
background-color: #ffebe8;
border-color: #c00;
}
div.bbp-template-notice.error a,
div.bbp-template-notice.warning a {
color: #c00;
}
div.bbp-template-notice p {
margin: 0.5em 0 6px 0 !important;
padding: 2px;
font-size: 12px;
line-height: 140%;
}[/CSS]

Ищете способ изменить кнопку отправки в bbpress
[CSS]#bbpress-forums .submit {
background-color: #a0668d;
color: #FFFFFF;
float: center;
vertical-align: middle;
border-radius: 10px;
height: 35px;
width: 80px;
font-size: 18px;
}[/CSS]

Удаление аватаров из последних тем
[CSS].widget_display_topics .bbp-author-avatar {
display: none ! important;
}
.bbp-topic-freshness-author .bbp-author-avatar {
display: none ! important;
}[/CSS]

Ну и еще чуть чуть

[CSS]#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background-color: #fbfbfb; — html код цвета фона форума, можете изменить на другой цвет.[/CSS]
идем дальше
[CSS]#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #ff4719; — html код цвета нижней рамки.
border-top: 1px solid #ff4719; — html код цвета боковых рамок.
font-weight: bold;
padding: 8px;
text-align: center;
}
#bbpress-forums li.bbp-header {
background: #ff4719; — html код цвета верхней рамки.[/CSS]

Добавление этого сниппета в functions.php вашей темы WordPress добавит дополнительный css класс на любую страницу, которую Вы укажите в функции. В некоторых случаях необходимо добавление css класса, чтобы сделать отдельные дизайнерские решения на сайте.

PHP:
add_filter( 'body_class', 'my_neat_body_class');
function my_neat_body_class( $classes ) {
     if ( is_page(7) || is_category(5) || is_tag('neat') )
          $classes[] = 'neat-stuff';
     return $classes;
}
Замените цифру 7 на id той страницы, которой хотите добавить класс и цифру 5 на id категории. Чтобы функция работала, необходимо заменить body на следующее:
<body <?php body_class(); ?>>
 
Сверху