After the success with the Nissan Cube Owners Club forum (http://forum.cubeownersclub.co.uk/), when one of my clients asked about a forum I decided again to use BBPress.

I run the website for a UK TV Nature Presenter called Kate Humble and wanted to use a forum that could be integrated with the rest of the site (which is in WordPress) and have the same look and feel. I think it’s turned out pretty nicely and the new users are enjoying and participating.

The URL is http://katehumble.com/forum

It’s running a very customised theme obviously, a new homepage and I’ve also removed the tags feature.

I’ve installed a few plugins, modified a few too and I’ve also implemented the new Facebook “like” feature on the top of every topic. If I get time (and enough interest) maybe I’ll try and implement this as a BBPress plugin.

Because this time it lives in a sub folder instead of a sub domain, one of the technical hurdles I had to get round was the WordPress .htaccess file conflicting with it so all I had to do was put 1 line of code in the root .htaccess file telling it to ignore (and stop processing) everything in /forum.

Let me know what you think

[@ashfame Participant 14 years, 8 months ago]

Nice design! I like the way you show alternate avatar positions on topic page

[@kieranyo Member 14 years, 8 months ago]

Thanks!

Yeah I’m quite happy with how it turned out. It gives it more of a feeling that it’s a conversation

[@zaerl Participant 14 years, 8 months ago]

Very stylish. Compliments.

[@kevinjohngallagher Member 14 years, 8 months ago]

I never really liked the Nissan one when you linked ot it previously, but your new URL is really great, and very well done. Congratulations and thanks for sharing with us!

[@bforeste Member 14 years, 8 months ago]

Big fan of the alternating avatar ‘conversation’…great idea. Should be default format for any board IMO.

Is this mod easily done for a non-coder?

[@kieranyo Member 14 years, 8 months ago]

Thanks everyone!

bforeste: it was very easy to do. Without sounding too technical, by default the forum includes an alternating “class” for each reply, all I did was use CSS to “float:right” instead of using the default “float:left” on each one. The existing html and css caters for this very well.

[@evilgeek23 Member 14 years, 8 months ago]

excellent kieranyo .. what version do u use ? 0.9 or 1.0.2 ?

[@kieranyo Member 14 years, 8 months ago]

1.0.2

[@evilgeek23 Member 14 years, 8 months ago]

thx … btw can u elaborate the exact steps to make alternate avatars … ?

[@kevinjohngallagher Member 14 years, 8 months ago]

by default the forum includes an alternating “class” for each reply, all I did was use CSS to “float:right” instead of using the default “float:left” on each one.

[@kieranyo Member 14 years, 8 months ago]

What he said ^

if you want to know exactly I can point you to the line of code.

[@hiimdonald Member 14 years, 8 months ago]

I would love to know which line of code

[@kieranyo Member 14 years, 8 months ago]

#thread li.alt .threadauthor { float:right; }

http://katehumble.com/forum/my-templates/katehumble/style.css

Line: 476.

Firebug is your best friend people.

[@hiimdonald Member 14 years, 8 months ago]

thanks! its so funny you mentioned firebug, I was going over your bbpress with the chrome devtools as you wrote me! Thanks for that though. I loved your new bbpress.

[@kieranyo Member 14 years, 8 months ago]

Thanks

Firebug is much, much better than chrome devtools in my experience.

[@josh16 Participant 14 years, 8 months ago]

I like the Kate Humble design, but how did they get the 2-column layout?

[@kieranyo Member 14 years, 8 months ago]

Take a look at the CSS, it’s all very basic stuff.

Firebug will show you.