Looks like the main div is not closed properly, or the tags are nested improperly. Maybe FF handles that error different than IE7 does.
I don’t think it has anything to do with lists, just improper HTML. I would validate the page here and see if fixing the div error helps the display in IE.
I’ve been trying to hack the 2col_fixed_left theme provided by bbpressraw.com (many thanks) to fit into the website for the small nonprofit that I work for. I’ve gotten pretty far with it, but I’m stuck on a weird ordered list issue that looks fine on FF but is pretty screwy on IE.
The site can be accessed at http://www.belovedcommunitycenter.org/forums. The frontpage looks fine, but the topics.php displays the post number and author name over the post content.
Any tips folks have for a amateur designer would be much appreciated.
Thanks,
Kyle
The default theme is working here. Maybe something is cached with your browser. Clear the cache or use a different browser. The path to the theme in the source HTML is correct as well: http://www.guitarfxdepot.com/forum/bb-templates/kakumei/style.css
I’d like to start off by saying what a fantastic piece of software bbpress is – I love the similarities with WordPress: clean HTML & CSS code. In my opinion it’s like a breath of fresh air compared to other forum software because you can easily customise it to fit your site. I just hope the clever designers and developers continue their excellent work with future releases.
…anyway enough of my rambling, here is my forum (still needs a few finishing touches):
http://forum.reclaimyourskin.co.uk
Hello all,
I got a forum on my domain forum.xxx.com and a web site on http://www.xxx.com.
In http://www.xxx.com I have several page in wich I’d like my visitors to give comment (like for example yahoo! news allow you to post comment on recipes and so on).
So what I would like to do is to create myself a new topic and to show this topic only with my personal CSS style on a particular page. + allow user to post comment for this topic on this particular page (or whatever could be easy for them and non do-not-post-incentive).
I currently do use the anonymous post plugin.
Any idea, plugins or help would be just perfect.
Thank you for reading
Rui
That’s not the only way you can do this.
You can either use the wordpress header replacement technique, by which you use the wordpress header and any number of theme files, meaning that you can have your forums exactly where your wordpress content is, surrounded by your wordpress header and sidebars and footer, using the wordpress theme file, with a supplemental file to style bbPress differently. This is great because not only the stylesheet is shared but so are a bunch of the HTML-generating files, and your bbPress stylesheet is seperate so it doesn’t get in the way of anything.
You can also just copy your theme by duplicating the look in bbPress. I’d say it was a lot easier to change the CSS than it was to go through all the HTML-generating files and changing those to use the WordPress CSS, and then still adding more CSS.
Having just done both for two different clients, I’d personally recommend the first option; it’s going to be slower on the server, but faster to do (ie. cheaper to have done) also a lot more maintainable and thorough.
leeppp, I offer this sort of thing professionally. If you want me (or even someone else) to do it, just post your email and I’ll get in touch.
Just curious, both in terms of registration, and posting…
I only have a small test forum up, that is integrated with my personal blog, but I was experimenting with a few ideas earlier. I go by the philosophy that layers of protection is always the way to go.
So far I’ve implemented:
1.) Visual check, pre reg form (eg. select the hamster image)
2.) Blacklisting popular spam email domains (eg. mail.ru)
3.) Hidden field trap (no javascript, just css)
4.) Maths puzzle question
5.) TanTan Spam Filter port
6.) Askimet (obviously!)
The first 4 are aimed at blocking spam bot registrations, and the final 2 at keeping posts clean. All the registration checks are core hacks (as I’m only experimenting).
Any other techniques being used successfully to ward off spammers from bbpress? Maybe something like implementing ‘Bad Behavior’ filtering for the registration process for example?
PS. Happy New Year to all!
I’m not sure which version of front-page.php you’re using (couldn’t make my site look like yours using the last front-page.php code that was posted) but I THINK all you need to do is change the line that looks like this:
<table id="forumlist">
to this:
<table id="forumlist-<?php forum_id(); ?>">
That just adds a dash and the forum number to the table id. That should validate. But I think that will affect the CSS in a bad way. There will no longer be an id of “forumlist”, they’ll all be “forumlist-something” which the CSS will have trouble with.
Maybe it would be better to do something like this:
<table class="forumlist" id="forumlist-<?php forum_id(); ?>">
Then you would need to change your style.css to make any references to #forumlist look like .forumlist (change from applying the forumlist styling to ids and make it apply to classes.)
That’s a lot of work, but ids are supposed to be unique on a page, where classes are not. This is actually a better application of a class since all the tables should look the same and use the same styling. You’re not referencing them with javascript or something where the ids matter.
I just tried this and it worked on mine and validated properly. There were 6 instances of #forumlist that needed to be changed to .forumlist in my style.css
Hopefully that will work for you.
Integration doesn’t matter at all if you’re just linking one to the other, they’re just simple html links. You can link anything to anywhere, no integration required.
Not sure what you mean about “on top of” – the new logo is a background image over to the bottom/right of the header div. The problem with making it a background image, rather than just an image in your code, is that to make it clickable back to the main site, you’d have to make the whole header a link back to the main site. If you look at the source for the page, you’ll see there is no img tag for awforumlogo2.jpg that you can wrap in an <a href=" tag to link back to the main site. I don’t think you want that image as a background image for the header if you’re going to make a link out of it.
I would remove the background image from your style.css and put the img tag in header.php somewhere in the <div id="header"> section (around line 34 in a stock installation).
Once you have an image in header.php, you can work on positioning it where you want it and linking it to what you want as well. Then you can figure out where you want your forum title as well.
Not sure if they did or not, but it is pretty simple to change. Head to style.css and find the following:
#profile-menu {
list-style: none;
position: absolute;
right: 0;
}
and change to something like the following:
#profile-menu {
margin-top: -20px;
margin-right: -20px;
padding: 20px;
float:right;
}
Not perfect, but something to start from!
Trent
I was looking into this a little bit and ran into something weird. Click on a subforum in any of the cities and see where you end up. Check the breadcrumb navigation. Something doesn’t seem right there.
Also, you should change the a:hover line in your style.css as well. When you hover over a black link, it turns green now. You might want to make that match the red in your logo maybe.
a:hover { color: #006400; } on line 22, change the #006400 to your new hover color.
Color, bold and underline looks good.
I see the latest discussions are gone.
I see a logo but it’s under the login box, in Firefox 2.0.0.9 anyway. I won’t mess with that at all since you are going to redo it. You could move it over with some left-padding in the CSS if you wanted to.
For now, you could do something like add a text link to the website home, like I did here a long time ago:
http://www.riversideinfo.org/forum/
That is a modification to header.php to add that text link, and I think I modified the style.css to move it where I wanted it.
Regarding the cities, where’s livibetter? 
(seriously, I haven’t looked at it at all…)
You just need a link in your “Pages” area to http://www.summer-breeze-fanatics.de/forum/ – it’s installed properly so you just need to link to it so people know it’s there.
I’m not sure about the rest of your questions. bbPress is not a plugin for WordPress, it doesn’t become part of your WordPress installation. To make it look like your WordPress installation you need to do some CSS work. As for the creating new topics, I did not receive a confirmation for me account creation, so I could not log in to try that. Is mail being sent from the server? I waited about 10 minutes but still no confirmation.
You changed the installation from forums to bbpress, but you didn’t make the change in the config.php. So, your forum is at http://www.reviewsaurus.com/bbpress/, but the config has $bb->uri = 'http://www.reviewsaurus.com/forums/'; You need to change one or the other (either the folder name or the URI in the config) for it to work.
As proof, I can see http://www.reviewsaurus.com/bbpress/bb-templates/kakumei/style.css just fine.
Hello,
I followed all the steps mentioned in the installation and bbpress got installed properly but it doesn’t display the forum properly.
you can see the forum login here : http://www.reviewsaurus.com/bbpress/
but you’ll see that it doesn’t look correct as no images no css is loaded.
It’s a fresh installation and i’ve not changed anything else. Can you please suggest me what could be the problem….I’m using the pretty permalinks feature….could that be a problem?
and also ensure that
#forumlist tr td div.nest {
padding-left: 2.5ex;
}
is added to Style.css
I’m using the latest version of bbpress, the ‘SuperBold’ theme and I have a problem! The forums all appear on the same line… no indentation separates the ‘containers’ from the forums. From what I can see with FireBug there is NO difference between the containers and forums no difference in terms of CSS at any rate. However with the Kakumei theme it works.
Did you copy all of the rules?
You should have copied all of these rules:
/* Default table structure
=================================== */
/* 100% is a good starting width for most tables - this is a forum! */
table { width: 100% }
/* Login form (header.php)
=================================== */
.login {
}
.login p {
}
.login label {
}
.login #submit {
}
p.login {
}
form.login input {
}
/* Breadcrumbs (most templates)
=================================== */
.bbcrumb {
}
/* Notice (profile.php)
=================================== */
.notice {
}
.notice p {
}
/* Front Page
=================================== */
#front-page #hottags {
}
#front-page #discussions {
}
/* hot tags! */
.frontpageheatmap {
}
#front-page #main h2, #forum-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {
}
#front-page #discussions ul {
}
.sticky {
background-color: #ffffd0;
}
/* Topic Page (topic.php)
=================================== */
/* wrapper for topic */
.infobox {
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
ul.topicmeta {
display: block;
margin-left 1.0; padding-left: 0em;
}
.topicmeta li {
display: list-item;
list-style: square inside;
}
#topic-info h2 {
border: 0px;
margin: 0px;
}
#topic-info {
float: left;
}
#topic-tags {
top: 1.0em;
margin-top: 2.0em;
float: right;
}
/* .nav used by topic.php & tag-single.php */
.nav {
}
.nav span {
}
.nav span, .nav a {
}
#thread {
}
#thread li {
margin-bottom: 1.0em;
}
#thread li ol, #thread li ul {
}
#thread li ol li, #thread li ul li {
}
/* following are used by post.php */
.threadauthor {
margin-left: -0px;
overflow: hidden;
width: 115px;
position: absolute;
}
.threadpost {
margin-left: 130px;
width: 370px;
background-color: #f5f5f5;
padding: 10px;
}
.poststuff {
font-size: 0.8em;
border-top: 1px solid #e5e5e5;
}
.num, #forumlist small {
}
.postform {
background: #f0f0f0;
padding: 1em;
margin-bottom: 1em;
}
.postform textarea {
height: 12em;
margin: 5px 0;
padding: 5px;
width: 96%;
display: block;
}
.postform label { display: block; }
.rssfeed { line-height: 20px; padding-left: 23px; background: url( "images/feed-icon-16x16.png" ) center left no-repeat; }
#manage-tags {
}
#manage-tags li {
}
.submit {
}
.topiclink {
}
.topictitle {
}
#topic-move {
margin-bottom: 1.0em;
}
/* Content - specific to the main content div
=================================== */
#content .frontpageheatmap a {
}
#content .infobox li {
}
#content .nav a {
}
#content .nav a:hover {
}
#content a:visited {
}
/* Profile Page
=================================== */
#profile-menu {
padding-top: 0.5em;
list-style: none;
border-bottom: 2px solid #ccc;
}
#profile-menu ul {
}
#profile-menu li {
font-size: 1.1em;
background-color: #eee;
padding: 4px 7px;
margin: 0px;
display: inline;
position: relative;
top: -3px;
}
#profile-menu li.current {
background-color: #ccc;
}
#userinfo {
}
#userinfo dt {
}
#userinfo dd {
}
#useractivity {
}
.user-recent {
}
.user-recent .alt {
background-color: transparent;
}
.user-recent ol {
}
.user-recent ol li {
}
/* Profile Edit
=================================== */
fieldset {
}
legend {
}
fieldset table {
}
fieldset table td {
}
fieldset p {
}
/* Other
=================================== */
#front-search {
}
#latest td, #forumlist td, #favorites td {
border: 1px solid #f5f5f5;
}
#forumlist tr td div.nest {
}
#latest tr:hover, #forumlist tr:hover, #favorites tr:hover {
}
#latest th, #forumlist th, #favorites th {
background-color: #e9ede8;
border: 1px solid #f5f5f5;
}
#latest, #forumlist, #favorites {
}
.alt {
background-color: #f9f9f9;
}
.bozo {
}
.alt.bozo {
}
.deleted {
}
.alt.deleted {
}
Is that the only way to do it, or maybe I didn’t follow the steps correctly? I tried your method, and got the same results.
My issue is that the tables doesn’t resemble anything like a forum, is there a way to correct this?
You appear to be using identical style.css files for the wordpress and bbpress sections of your site. You can fix this by copying some CSS rules from one of my theme downloads.
I have just updated the blank bbPress themes at bbpressraw.com with new versions that have a forum-like tabular style.
You can see them in action via the theme switcher at the bottom of the bbpressraw.com forums page.
To solve your problem, I suggest you download one of the themes and copy all of the rules below:
/* Global Styles
=================================== */
hr {
display: none;
}
into the bottom of your bbPress theme stylesheet. This will allow you to pick up all the bbPress CSS rules that are applied by these themes. Tweak these CSS rules in order to change the appearance of the forums.
Enjoy!
Hey everyone!
I’ve got a small issue, I was able to integrate WP and BB together and got the theme to match my website. The forum itself is taking the CSS coding and it doesn’t look much like a forum. Is there a way the forum can override the current CSS with the original CSS so it looks a little normal?
My website is nynw.net/newsroom
I’m trying to track down why the side columns are not rendering (they are there in the view source, just some weird css issue) in my theme switcher:
http://bbshowcase.org/forums/?bbtheme=bb-bluesands
any ideas?
I can view your own demo in firefox (windows) just fine and the side columns show up. Weirdness.
hey guys,
i have little coding experience, i could do a fair pimp of my myspace page but that’s about it – this php stuff is all new to me. I’ve just installed bbpress as a subdirectory of my wordpress blog, and I want to do something really simple: I want to change the color of the rollovers when you mouse over the forum topic. On this guide I read, it said to change this line:
#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background: #330099; }
(specifically, the ‘background’ tag), but as you can see, although I’ve entered in a bright color and re-uploaded the style.css file, it remains a vague greyish sorta color.. where am I going wrong here?
Thanks in advance folks..
I didn’t have any parent children forums- stayed away from that and kept it all top level.
I basically just modified the basic theme that comes with the forums- the only thing I changed was the CSS, so the index.php file should be the same, aside from the few things I added in to call the “who’s online” list and the like.
<?php
require(‘./bb-load.php’);
$bb_db_override = false;
do_action( ‘bb_index.php_pre_db’, ” );
if ( isset($_GET) && ‘1’ == $_GET ) :
$forums = false;
elseif ( !$bb_db_override ) :
$forums = get_forums(); // Comment to hide forums
$topics = get_latest_topics();
$super_stickies = get_sticky_topics();
endif;
do_action( ‘bb_index.php’, ” );
bb_load_template( ‘front-page.php’, array(‘bb_db_override’, ‘super_stickies’) );
?>
Not sure what theme you mean or where you are seeing this, but it sounds like you are seeing the unstyled HTML. There is probably a problem with the CSS or path to the CSS.
