Hello!
Just wondering if the template/design/look of the current /discussion/ page (with the list of Forums on the left, and Recent Topics in the middle, etc.) is how bbPress 2.0 looks right out of the box.
Thanks!
@micheal
@’ing people on the forums doesn’t work 
@’ing people on the forums doesn’t work
It will soon. 
And yes, this is using default shortcodes and a bit of custom CSS to make the two fit together. No custom theme or modified template files.
Hi J-Trip
How can I make BuddyPress 1.3 integrate with BBPress 2.0?
@johnjamesjacoby Can’t wait for @mentions in bbPress! Also, what were the shortcodes you used for the /discussions/ page?
Something about the mentions here keep marking topics and replies as spam. Will need to look into it.
Hello
I’m a little confused about the layout of the Support Forum. James @johnjamesjacoby you mention “a bit of custom CSS to make the two fit together. No custom theme or modified template files”. Looking at the source of the page you achieve this look using CSS columns -
div id="bbp-forum-front-right"
...
/div
for example. I presume you must be using a custom page template though? If so, would I be correct in thinking the left column is in fact a widgetized area with widgets executing the shortcode, right (centre) column using the standard WP loop and then the standard BP sidebar (far right)?
Forgive my ignorance, like many people on this forum we are keen to recreate this layout. I’m can easily recreate the scenario mentioned but am thrown by your comment of “no modified template files”, am I missing another way achieve this layout?
Many thanks in advance
Rob
-
This reply was modified 8 months, 2 weeks ago by
Rob Oliver.
-
This reply was modified 8 months, 2 weeks ago by Rob Oliver.
@foedecide Me, too! Are you just using shortcodes on a page, then just float:left’ing the ones to the left?
You’re overthinking it, but you’re close.
It’s just a normal WordPress page with some HTML in it to let me style it with some custom CSS. Since this layout is popular, I may include a variation of it with bbPress & BuddyPress as a last minute thing. It won’t really be possible to automatically inject full page width into all themes though, since they all handle the approach differently.
#content textarea#bbp_reply_content,#content textarea#bbp_topic_content {
width:100%;
}
#content fieldset.bbp-form p,#container fieldset.bbp-form p,#wrapper fieldset.bbp-form p,#content fieldset.bbp-form textarea,#container fieldset.bbp-form textarea,#wrapper fieldset.bbp-form textarea,#content fieldset.bbp-form select,#container fieldset.bbp-form select,#wrapper fieldset.bbp-form select,#content fieldset.bbp-form input,#container fieldset.bbp-form input,#wrapper fieldset.bbp-form input {
margin:0 10px 10px 0;
}
.bbp-reply-form .avatar,.bbp-topic-form .avatar {
display:none;
}
table blockquote {
background-color:#eee;
-moz-border-radius:0 15px 15px 15px;
-webkit-border-radius:0 15px 15px 15px;
border-radius:0 15px 15px 15px;
font-size:13px;
border:1px solid #ddd;
padding:15px 20px;
}
body.single-topic tr.type-topic td,body.single-topic tr.type-reply td {
border-bottom:3px solid #eee;
}
body a {
text-decoration:none;
}
#content h2 {
margin-bottom:20px;
}
body a:hover {
text-decoration:underline;
}
#bbp-forum-front-left {
float:left;
width:40%;
}
#bbp-forum-front-left .bbp-template-notice {
margin-top:0;
}
#bbp-forum-front-left .bbp-forum-title {
font-size:15px;
font-weight:bold;
}
#bbp-forum-front-left .bbp-topic-tags {
text-align:center;
}
#bbp-forum-front-right {
float:right;
width:58%;
}
#bbp-forum-front-right .bbp-topic-form .avatar {
display:none;
}
fieldset div.avatar img {
float:right;
}
#bbp-forum-front-right h2 {
position:absolute;
top:18px;
}
#bbp-forum-front-right h2.entry-title {
display:none;
}
#post-269 .bbp-breadcrumb,#post-269 .bbp-pagination,#post-145 .bbp-breadcrumb,#post-145 .bbp-pagination {
display:none;
}
body.forum h2,body.topic h2,body.page-id-145 h2 {
margin-bottom:20px;
}
#content .bbp-topic-freshness,#content .bbp-forum-freshness {
text-align:center;
}
#content .bbp-topic-revision-log img,#content .bbp-reply-revision-log img {
margin:0 0 -7px;
}
table.bbp-replies img.avatar {
margin:0 10px 0 0;
}
body.page-id-145 table.bbp-forums .bbp-forum-freshness,body.page-id-145 table.bbp-forums .bbp-forum-reply-count {
display:none;
}
#content p.bbp-topic-meta {
margin-top:0;
}
body.page-id-145 #content table.bbp-forums th.bbp-forum-info {
width:75%;
}
body.page-id-145 #content table.bbp-forums th.bbp-forum-topic-count {
width:25%;
}
body.page-id-145 fieldset,body.topic #container fieldset,body.forum #container fieldset,#post-269 fieldset {
border:1px solid #eee;
padding:10px 20px;
}
body.page-id-145 fieldset input,body.page-id-145 fieldset textarea,body.topic #container fieldset input,body.topic #container fieldset textarea,body.forum #container fieldset input,body.forum #container fieldset textarea,#post-269 fieldset input,#post-269 fieldset textarea {
font-size:13px;
padding:5px;
}
table.bbp-topics,table.bbp-replies {
margin-bottom:10px;
}
table.bbp-forums {
margin-bottom:-1px;
}
div.bbp-pagination {
margin:0 0 10px;
}
The WordPress CSS editor runs it through CSS tidy, so apologies for it missing line breaks and formatting.
Which shortcodes? Does it matter their order?
[Edit] List here: http://bbpress.org/forums/topic/bbpress-20-shortcodes
@michael The two indexes and the topic tag cloud.
