Hello everyone,
I know a bit about html (but that is not necessary here I guess :p) but nothing about css & php..
I managed to install bbpress on my website.. I am integrating the forum with Iframes on my website.
now I would like to have a very cleen and simple forum
– no hot tags
– not a big header
– the forums on top & the latest discussions on the bottom
the theme I think leans the most to my needs is Superbold for bbPress1 by Refueled (looking at styles). So I’m thinking I could start by editing this theme?
as you can see I need a little help,
I have dreamweaver to edit things.
can someone help me and say me how to start or what is the best thing to do?
Thanks. Someone else contacted me with another fix.
add this
<div style=”clear:both;”></div>
just before the end of wrapper div.. before this
</div>
<div
id=”footer”>
<p>Nyquist Forums is proudly powered by <a
href=”http://bbpress.org”>bbPress.</p
>
</div>
There are more topics but they are private.
The front page of my forum has the tags overflowing off the bottom. I struggle with CSS, anyone know what position property must be changed to fix this?
http://www.nyquistcapital.com/forums/
i just downloaded and installed bbpress. everything worked fine. i have the most recent release of wordpress installed in my main site directory and bbpress is installed in the /forums/ directory.
when i go to http://www.mysite.com/forums/ it displays the main page, but with no images/styles. when i try to view my css file in the browser (http://www.mysite.com/forums/bb-templates/kakumei/style.css) it displays my main wordpress page.
i have pretty permalinks running on both and would like to keep it that way.
Changing the width of the theme is easy; all it takes is a single change in a CSS file. If they hard-coded the width into the HTML, they deserve the extra work. 
I think that if you use they backticks on an inline basis the overflow is hidden, but if you use it for paragraphs (specifically: backtick is in line above your code, I think) the overflow remains.
For example, a really long path like var/www.mywebsite.com/htdocs/wordpress/bbpress/bb-includes/template-functions.php or whatever will be cut off. If there had been spaces, it should wrap.
But a paragraph of code will have the scrollbar.
<?php
/*
Plugin Name: o/
*/
function withareallylongnamethatjustneverstopsandthefunctiondoesn'tevendoanythinguseful() {
return true;
}
hello,
i am going to launch a new forum for css design topics,
this new forum will be used at cssherald.com or cssjuice.com,
i need a simple and professional theme,
please reply here or send email to me if you can design it.
bidweblinks@gmail.com
Wallace
I’m a newbie on CSS, but i’m trying.
I put a logo on header and looks good, but on the profile page it appear over the tabs. How can i move the tabs? See the example:
http://tinyurl.com/2pm77b
Btw, the forum it’s on http://forum.omedi.net .
Thanks.
I edited the Karma Fruit theme for wordpress a bit to match the Bbpress theme. They dont look totally alike. There are some slight differences but I think when you look at it you think
of the Bbpress theme. I loved the Bbpress theme so much I wanted my WordPress to look the same 
. If you want the file changes let me know. Its just a few lines of css to make the difference in the original look for Karma Fruit.
http://chaoticmess.sittingonair.com/ < — Karma Fruit Theme
http://chaoticmess.sittingonair.com/forum/ <—- Bbpress Green Theme
MJ
I tried just copy-pasting my kakumei css to my wordpress css and while the structure of bbpress got back to normal with some minor quirks, it majorly disrupted my header and footer and with it my wordpress as well. How would I work around this, any other way then going through the stylesheets and changing everything so nothing’s colliding? I feel that’s A LOT of work.
http://www.doublepeace.se/forum
Available here: http://dmitriid.com/files/projects/skins/bbpress-mamut.zip
Used here: http://erlang.dmitriid.com/forum/
It may not look much, but i haven’t added any backgrounds or anything. Feel free to adjust it for yourself.
This template is derived from three-column flexible layout available at
http://www.webproducer.at/flexible-layout/
NOTICE. The template assumes you have the following plugins installed:
* bb-ratings.php, http://bbpress.org/plugins/topic/6
* since-last-visit, http://bbpress.org/plugins/topic/30
* online-list, http://bbpress.org/plugins/topic/24
If you don’t have those installed, remove corresponding function calls from the template
Hey, thanks for the feedback. The fact that I almost have just a css file on “my-templates” is also a big compliment to the work done on bbPress and its markup.
fel: Thanks! Glad you like it. I agree with you on the colours. Actually, I began with only black, green and white, but somehow I just felt there where too many “greens” around (damaging the overall mood), so I grew tired of it and dropped some blue into the mix. But you certainly have a point on link-colour coherence. I’ll be looking on that. Thanks for the thumbs-up!
ganzua: Absolutely. The translation of “tags” is almost meaningless in Spanish. I often go for “categorías” instead of “tags”, and put “secciones” instead of “categories”. But for this forum I just put the translation files and didn’t touch anything…
And I have to thank back to the bbPress team for the simplicity of their work. It is a pleasure to “design” on it.
Well, this is what I’ve got…
- Are the forums in a flat list or a hierarchical structure? Yes, they are. The ones I’ve already dragged to be sub-forums.
- Already done
- Already done
- Already done
- Go to some other admin page. Yes.
- Go to Content -> Forums again. The forums still appear in a hierarchy. Everything is fine so far.
- Go to your site’s front page. Is there hierarchy? Nop. Is the forum you put at the bottom still at the bottom? Yes.
At this point I thought this had something to do with the css because the xhtml structure (front-page.php) was indeed updated. I checked the css and I found I had forgotten to put the #forumlist tr td div.nest . Done that. Checked… but nothing. I refreshed, cleared cache and nothing.
I then deactivated the Forum Restriction plugin and voilá. The forums where nested. In the admin section, in the “Forum Parent” dropdown now everything was fine. All the forums listed. It was strange since I have already deactivated the plugin before without results. In the front end it was explained by the missing css, but in the backend I really don’t know.
Thanks mdawaffe for your time.
ps: I tried activating the plugin again, and now I see the front page list of forums in hierachy. Weird. However, when I acces the parent forum, there is a table at the bottom with the name Subforums, but it is empty. When the plugin is deactivated the list is NOT empty. So it is apparently that plugin.
After you changed the hierarchy in the admin section, did you click the “Save Forum Order” button?
I don’t believe this is a plugin issue. It’s possible it’s a theme issue. You may have to change some of the markup and CSS of your theme to get it to work correctly. Check out (can probably just copy and paste) the markup in /bb-templates/kakumei/front-page.php:
<?php if ( bb_forums() ) : ?>
<h2><?php _e('Forums'); ?></h2>
<table id="forumlist">
<tr>
<th><?php _e('Main Theme'); ?></th>
<th><?php _e('Topics'); ?></th>
<th><?php _e('Posts'); ?></th>
</tr>
<?php while ( bb_forum() ) : ?>
<tr<?php bb_forum_class(); ?>>
<td><?php bb_forum_pad( '<div class="nest">' ); ?><a href="<?php forum_link(); ?>"><?php forum_name(); ?></a><small><?php forum_description(); ?></small><?php bb_forum_pad( '</div>' ); ?></td>
<td class="num"><?php forum_topics(); ?></td>
<td class="num"><?php forum_posts(); ?></td>
</tr>
<?php endwhile; ?>
</table>
<?php endif; // bb_forums() ?>
You’ll then need some CSS too:
#forumlist tr td div.nest {
padding-left: 2.5ex;
}
Also, the URLs will not look like example.com/forum/sub-forum; the URLs do not currently reflect the hierarchy.
There are two kinds of stickies. Those that stick in the individual forum pages and those that stick in the front page.
Click “Stick Topic” to stick it in the forum page.
Click “Stick Topic To Front” to stick it to the front page (click the “to front” part).
Not super intuitive
Stickies are given css classes: sticky and super-sticky (if it’s stuck to the front page). You can use those classes to style them however you like.
Ok did some work got front-page to display correctly by putting in (div page). Put that in all the css files calling header, sidebar and footer. Didn’t help. Here is the basic div structure:
<div head>
</div>
<div page>
<div ncol>
</div>
</div>
<div footer>
</div>
header {
margin: 0px 0px;
padding: 0px;
display: block;
width: 778px;
height:195px;
background-color: #314D73;
background: url(‘images/header.jpg’) no-repeat bottom center;
border: 0px solid #CCCCCC;
cursor: pointer;
}
.page {
width: 778px;
margin: 1px 0px;
padding: 0px;
background-color: transparent;
border:0px solid #CCCCCC;
text-align: left;
float: left;
}
.ncol {
padding: 20px 0px 10px 23px;
width: 395px;
background:transparent;
float:left;
}
.footer {
font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
line-height: 17px;
font-size: 0.8em;
margin: 0px 0px;
padding-bottom: 30px;
width: 778px;
height: 80px;
background: url(‘images/footer.jpg’) no-repeat bottom center;
border:0px solid #CCCCCC;
clear:both;
}
link is mysoberlife dot com/forums
fel64,
you’re right. It contains some wacky slashes:
<link rel="stylesheet" href="http://somethingsomethingforum/bb-templates/kakumei/style.css" type="text/css" />
any idea how to fix this?
hm, I just notice that I did not upload my style.css …..
so you can’t see it well today (i will upload it tonight, I’m in Germany GMT+1)
But to show you what I mean, just go in the “View your profile” of this forum. you will see three boxes on the right : “Profile” , “Edit”, “Favorites”.
I’m sure you agree with me, it does not make sense to see them on the right.
So I change the style of these boxes and they look like tabs, nearly like the tabs on the top of this page : “Home”, “About”, “Documentation” ….
“ganzua, can you post a link to your forum so we can take a look at the html/css?”
-> I didn’t upload yet, sorry, as soon as I finish I’ll post a link so you can check everything. I’m working in my computer yet.
I integrated wp and bb, and I removed bbpress header, footer and stylesheet. Now I’m using wp header, footer, sidebar and stylesheet for both, wp and bb.
I still have to find out what to do with login and profile forms because I have two instances of each one, one for bbpress and one for wp.
Besides I have to find out how to integrate emoticons, toolbar in forms (I have quicktags in bb and tinymce in wordpress) , post count, avatars… In fact I do not even know if all this is possible.
“to get both IE6 and IE7 on the same Windows machine, check this out:
* http://tredosoft.com/Multiple_IE”
-> Thanks for the tip! I’m checking the link
ganzua, can you post a link to your forum so we can take a look at the html/css?
Also, to get both IE6 and IE7 on the same Windows machine, check this out:
* http://tredosoft.com/Multiple_IE
I have it installed on this machine, and it’s fantastic and very stable.
Hi fel64! Thanks for your answer
There are two problems with max-width (I just checked);
1 it doesn’t work in IE6 
2 In FF and IE7 you can fix the css box but the long name gets out of the box, just like it happens with the template of this forum
I noticec this same issue sometime ago when posting in the wordpress forum.
I don’t handle the first issue. What you could do is change the <td class="num"> to this:
<td class="num authorlist">
Then at the bottom of your theme’s style.css add:
.authorlist {
max-width: 75px;
}
or similar. You can add a similar max-width rule to the style for .threadauthor to the same effect: in FF and IE7, they will not exceed the intended width.
You don’t make stickes, you promote them: just above the “Move this topic” bit when you edit topics there are links to Stick topic (to the forum only) and (to front) (so it’s at the top of the front-page list too).
Aha!
A little bit of fiddling and I have a topic page that I like the look of.
It renders fine in FF and IE6, but not in IE7. Why, I’m not sure, but I’m happy enough with it.
FireBug is really incredibly useful. I used it as you suggested and it does indeed make things a little faster.
It would be nice if you could export the style.css after you’ve finished modifying it in their nice user interface, but that’s minor.
I’m just fiddling around with the Crystal theme and trying to get it to match my installation of Unsleepable on wordpress.
I also decided to put in avatars.
I’ve made a bit of a mess of it.
http://www.mikeh269.com/forum/topic.php?id=1&page&replies=3
As you can see, all the posts are somewhat pushed up so they are all together. I would appreciate it if I could get some help.
Here’s my post.php
<div class="threadauthor">
<p><strong><?php post_author_link(); ?></strong><br />
<small><?php post_author_title(); ?><br /><?php post_avatar(); ?></small></p>
</div>
<div class="threadpost">
<div class="post"><?php post_text(); ?></div>
<div class="poststuff"><?php printf( __('Posted %s ago'), bb_get_post_time() ); ?> <a href="<?php post_anchor_link(); ?>">#</a> <?php post_ip_link(); ?> <?php post_edit_link(); ?> <?php post_delete_link(); ?></div>
</div>
And the relevant parts of style.css
.poststuff{
font:10px Verdana,Arial,Helvetica,sans-serif;
text-transform:uppercase
}
.threadauthor small{font:11px Verdana,Arial,Helvetica,sans-serif}
.post {
margin-left: 100px;
position: absolute;
padding-left; 100px;
padding-up; 50px;
}
.threadauthor {
margin-left: 10px;
overflow: hidden;
position: absolute;
max-height: 215px;
width: 150px;
}
Any help would be appreciated.
My bbpress is having trouble displaying stylesheets correctly. I am using the default style that bbpress comes with. I have it installed locally on a test environment.
The admin section looks exactly how it should, but the forum itself does not. I have noticed that the path to the stylesheet is incorrect.
<link rel=”stylesheet” href=”http://localhostbbpress/bb-templates/kakumei/style.css” type=”text/css” />
notice how after localhost the “” is the wrong way.
Not sure if anyone can tell me how to fix it.
in the admin page, the stylesheet path is correct
<link rel=”stylesheet” href=”http://localhost/bbpress/bb-admin/style.css” type=”text/css” />
my config.php looks like this
// If your bbPress URL is http://bbpress.example.com/forums/ , the examples would be correct.
// Adjust the domain and path to suit your actual URL.
// Just the domain name; no directories or path. There should be no trailing slash here.
$bb->domain = ‘http://localhost’; // Example: ‘http://bbpress.example.com’
// There should be both a leading and trailing slash here. ‘/’ is fine if the site is in root.
$bb->path = ‘/bbpress/’; // Example: ‘/forums/’
Your HTML has improved. This is your current structure of major div elements:
div id="wrap"
div header [1]
div header [2]
div wrap [x]
div right
div sidebar
div content
div hottags
div discussions
div footer
You have two div elements with id wrap. IDs should always be unique, and the second one, marked with [x], is empty anyway so you can go ahead and delete it. You also have duplicate headers. The content of header [2] should be the only thing in header [1]. Div sidebar should be at the same level as div header is, not a child element. You can also delete the div right, as it’s kind of pointless.
Div footer should not be in content. It should be on the same level, not as a child. That should fix some problems with it, too. You can take out both float: left; and display: inline; in the CSS file for div content – they seem to cancel each other out, and floating it is unnecessary anyway and could come back to bite you later.
Your main problems in IE seem to be (seem, I don’t have dev tools for it) that major wrap is not centered and that content is just wide enough to conflict with sidebar. Slowly decrement the width of content and test if that makes it work. I am surprised it’s not centered in IE7, I’m fairly sure that the CSS margin: 0 auto; worked. However, to center it in IE6, you need to add the text-align: center; property to the wrap element (in CSS). To counter the effect this has on text, you need to add text-align: left; to header, sidebar and content.
When logged in, the div class post at the very bottom of the sidebar is not closed. You can just get rid of it I think. You are also using li elements for your Private Message Manager and Community Forum links, without actually having opened a ul or ol for them, which would probably cause problems so just remove the li tags.
That’s a start, anyway. Try it and we’ll see if it’s fixed anything.
