[fel64]

#1: There are no style rules to tell the forum to go into the column. It’s just made of unstyled divs inside the body element. I don’t know how comfortable you are with HTML, but they should go inside the div with id wrap. That would really fix the greatest issue. You don’t need CSS to do that, since the wrap element would already do that (and the forum could actually be next to the sidebar).

#2: Please create a test account for us to see the HTML that’s causing a problem, or log in and copy the HTML to a pastebin and link to it here. My clue would be that there’s something wrong with the HTML, by the way. Is this an IE7 exclusive problem?

[mfaxion]

I know its been asked. Yes I have searched. Have everything integrated besides the positioning.

mysoberlife.com/forums/

Problem 1: My forum loads on the left of the screen, below sidebar and above the header.

Tried changing the position of the get_header to the end of the files in bbpress, that only created sidebar problems.

Am I missing something simple? I assume that I need to modify the CSS file for displaying the content to make it reference the correct location. I tried using an absolute tag but that creates problems for people with different screen sizes. Any recommendations on the CSS code to use?

Anyone have an idea of what to do? I’m loading the sidebar at the beginning instead of the end of bbpress php files.

By the way I’m having the config for bbpress call the wp-get-header. Inserted the relevant bbpress styling into my wpmu themes stylesheet.

Problem 2: On IE 7 part of my sidebar loads in the area where I want the forum to go. I believe it thinks that the sidebar is ending, some div work fixed it for the wpmu part of the site.

I have a login form that loads different information (control panel) once a user logs in. the problem only occurs when a user is logged in. If anyone has a clue I’d appreciate it.

Thanks

-Matt

[omarvelous]

Your right about the CSS, some reason it was “http://localhostblogforums/…..” That was the main page.

Not sure how the slashes turned like that….

I don’t care for the permalinks honestly, least of my worries, rather get this forum working first!

So….any other takers?

[bozzy]

I’m not sure I get it… here is what my css file looks like:

/*

Theme Name: K2 for bbPress

Theme URI: http://www.linickx.com/blog/archives/253/k2-for-bbpress/

Description: A port of the famous k2 to bbpress

Version: 0.01 theta-beta

Author: Nick [LINICKX] Bettison

Author URI: http://www.linickx.com

*/

/*

Derrived from Bryan Veloso orriginal style sheet that ships with bbpress, added a little style from the sheet availble from http://getk2.com, copyright of that to the people at http://binarybonsai.com !

*/

/* Globals

=================================== */

* { margin: 0; padding: 0; }

body {

font: 62.5% ‘Lucida Grande’, Verdana, Arial, Sans-Serif; /* 62.5% sets 1em to about 10px */

background: #EDEDED;

color: #444;

text-align: center;

margin-bottom: 30px;

}

a { color: #27d; text-decoration: none; }

a:hover { color: #27d; text-decoration: underline; }

.alt { background: #fff; }

code { font: 1.0em Monaco, ‘Courier New’, monospace; }

p { margin-bottom: 1.0em; }

.left { float: left; }

.right { float: right; }

.delete:hover {

background: #c00;

color: #fff;

}

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

/* Structure

=================================== */

#wrapper {

width: 780px; /* controls the main width of the page, if changed also change #content and .sidebar */

margin: 0 auto;

background: white;

text-align: left;

}

#header {

padding: 0;

margin: 0;

position: relative;

height: 200px;

background: #3371A3; /* header color default is #3371A3, for images – background-image: url(example.jpg); */

}

h1, h2, h3, h4 {

font-family: ‘Trebuchet MS’, Verdana, Sans-Serif;

}

#header h1 {

font-size: 3em;

font-weight: bold;

letter-spacing: -1px;

margin: 0;

padding: 75px 0 0 40px;

}

#header p { margin-bottom: 0; }

#header h1 a, #header h1 a:visited { color: #fff; text-decoration: none; }

#header h1 a:hover, #header h1 a:active{ text-decoration: underline; }

#main {

font-size: 1.2em;

width: 760px;

margin: 10px auto 25px;

position: relative;

}

.bbcrumb {

text-transform: uppercase;

font-size: 0.9em;

letter-spacing: 1px;

}

#footer {

margin: auto;

color: #666;

font-size: 1.0em;

letter-spacing: 2px;

text-transform: uppercase;

padding-top: 10px;

clear: both;

text-align: center;

width: 760px;

}

#footer a:link, #footer a:visited { /* more link link color fixes for nav & admin stuff */

color: #777;

text-decoration: none;

font-weight: bold;

}

#footer a:hover, #footer a:active {

color: #000;

text-decoration: underline;

font-weight: bold;

}

.notice {

border: 2px solid #4c9545;

background: #abd8a2;

color: #4c9545;

font-size: 1.1em;

font-weight: bold;

padding: 10px 15px;

margin: 0 0 1.1em;

}

.notice p { margin-bottom: 0; }

/* Login Form

=================================== */

.login {

color: #000;

margin: 10px 40px;

}

.login a, .login a:visited { color: #000; text-decoration: none; }

.login a:hover, .login h1 a:active{ text-decoration: underline; }

.login p { padding: 0 0 5px; }

.login label {

display: block;

float: left;

padding-right: 10px;

}

.login #submit {

font-size: 1.2em;

margin-top: 13px;

float: left;

}

p.login {

font-weight: normal;

font-size: 1.2em;

}

form.login input {

margin-top: 3px;

border: 1px solid #999;

}

/* Front Page

=================================== */

#front-page #hottags {

position: absolute;

top: 0;

left: 0;

width: 150px;

overflow: hidden;

}

#front-page #discussions {

margin-left: 0px;

width: 500px;

float: left;

}

.frontpageheatmap {

font-weight: normal;

line-height: 30px;

padding-bottom: 10px;

}

#front-page #main h2, h2.post-form, #userlogin, #currentfavorites, #register {

color: #333;

border-bottom: 1px solid #ddd;

margin: 0 0 10px;

padding: 0 0 5px;

}

#front-page #discussions ul { padding: 0 0 0 14px; }

.sticky {

background: #EDEDED;

}

/* Topic Page

=================================== */

.infobox {

border: 1px solid #ccc;

border-width: 1px 0;

padding: 1em;

width: 500px;

}

.infobox ul {

margin: 10px 0 10px 12px;

padding: 0;

}

.infobox ul li { padding-bottom: 3px; }

#topic-tags {

border-left: 1px solid #ccc;

float: right;

margin-top: -2em;

padding: 0 1em 1em;

}

.nav {

margin: 15px 0;

padding: 12px 0;

}

.nav span { font-weight: bold; }

.nav span, .nav a { padding: 6px; }

#thread {

background: #eee;

list-style: none;

margin: 0 0 0 100px;

padding: 0;

width: 500px;

}

#thread li {

padding: 1.5em 1.0em;

line-height: 1.5em;

}

#thread li ol, #thread li ul { margin-left: 40px; }

#thread li ol li, #thread li ul li { padding: 0; }

.threadauthor {

margin-left: -110px;

overflow: hidden;

position: absolute;

width: 95px;

}

.threadauthor small { font: 11px Verdana, Arial, Helvetica, sans-serif; }

.poststuff {

border-top: 1px dotted #ccc;

margin: 10px 0 0;

padding: 5px 0 0;

font: 10px Verdana, Arial, Helvetica, sans-serif;

text-transform: uppercase;

width: 500px;

}

.num, #forumlist small {

font: 11px Verdana,Arial,Helvetica,sans-serif;

text-align: center;

}

.postform {

background: #fff;

padding: 1em;

width: 500px;

}

.postform textarea {

height: 12em;

margin: 5px 0;

padding: 5px;

width: 500px;

display: block;

}

.postform label { display: block; width: 500px;}

.admin { padding: 10px 0 0; }

#manage-tags {

margin: 10px 0;

list-style: none;

}

#manage-tags li {

float: left;

width: 200px;

padding-bottom: 10px;

}

.submit { text-align: right; }

.topiclink { display: block; }

.topictitle {

font-size: 26px;

font-weight: normal;

display: inline;

}

/* Other

=================================== */

#content .frontpageheatmap a {

font-weight: normal;

text-decoration: none;

}

#content .infobox li { margin-bottom: 2px; }

#content .nav a {

border: 1px solid #ccc;

font-weight: normal;

}

#content .nav a:hover {

border: 1px solid #999;

}

#content a:visited {

font-weight: normal;

}

#front-search {

float: right;

margin-top: -8px;

}

#latest td, #forumlist td, #favorites td { padding: 5px 10px; }

#latest tr:hover, #forumlist tr:hover, #favorites tr:hover { background: #cbd9e4; }

#latest th, #forumlist th, #favorites th {

/* border-bottom: 1px solid #aaa; */

background: #3371A3;

color: #fff;

padding: 5px 10px;

text-transform: uppercase;

font-weight: bold;

}

#latest th a:link, #latest th a:visited, #latest th a:active {

color:#fff;

}

#latest, #forumlist, #favorites {

background: #f7f7f7;

margin-bottom: 2em;

width: 100%;

}

.bozo { background: #eeee88; }

.alt.bozo { background: #ffff99; }

.deleted { background: #ee8888; }

.alt.deleted { background: #ff9999; }

/* Profile Page

=================================== */

#profile-menu {

margin: -35px 0px;

padding: 0 0 30px 0;

float:right;

}

#profile-menu ul {

margin: 0;

padding: 0;

position: absolute;

bottom: 0;

left: 20px;

width: 90%;

}

#profile-menu li {

display: inline;

margin: 0;

}

#profile-menu,

#profile-menu li a {

padding: 5px 15px 6px;

}

#profile-menu li a {

font-size: 1em;

color: white;

margin: 0;

}

#profile-menu li a:hover {

background: #333;

color: #eee !important;

text-decoration: none;

}

#profile-menu li.current a,

ul.menu li.current a:hover {

color: #333 !important;

background: white;

text-decoration: none;

}

#userinfo { margin-top: 10px; }

#userinfo dt { font-weight: bold; }

#userinfo dd { margin: 0 0 5px; }

#useractivity { margin: 15px 0 5px; }

.user-recent { margin: 0 0 10px; }

.user-recent ol { margin: 5px 0 0 28px; }

.user-recent ol li { margin: 0 0 3px; }

/* Profile Edit

=================================== */

fieldset {

border-top: 3px double #ccc;

border-bottom: 1px solid #ccc;

border-left: none;

border-right: none;

padding: 10px 0 10px 10px;

margin-bottom: 15px;

width: 500px;

}

legend {

font-weight: bold;

padding: 0 15px;

}

fieldset table {

text-align: left;

margin: 0 15px;

}

fieldset table td { padding: 2px 0; }

fieldset p {

font-size: 11px;

margin: 10px 16px;

}

/* further additions by Nick */

/* this is for my 48 x 48 avatars */

.post {

min-height: 60px;

}

Can you tell me if it’s right?

[bozzy]

Thanks for the help! I have a couple more questions if you wouldn’t mind… I fixed the problem with sidebar on the front page (although I can’t get it all the way to the top, any suggestions?), and I can’t seem to figure out how to fix the sidebar on the other pages (topics, forums, edit profile, etc)… I’ve looked all over the css the file and can’t figure it out…

Thanks again for all your help!

[Trent Adams]

Most of the *seemless* integration is really done by creating a template in bbPress that looks the same as wordpress using the existing theme and modifying the CSS style sheet to be the same as your wordpress theme. There are people that have managed to get bbPress inside their wordpress theme, but I only know of those that have failed and will wait for them to tell you how they did it.

If you copy your /bb-templates/kakumei/ folder to your desktop and then play around with changing the theme. Most people edit the style.css, header.php, footer.php, front-page.php for starters. Then just create a new folder on your server root of /my-templates/ and then upload the files to a new folder /my-templates/mytheme/ or whatever. Then activate that theme in your admin area.

The way bbPress works is that it will use the files from your new template and the original theme files if it doesn’t exist. That way, if you make a drastic change to any file and you want to start over, just delete that file from your template folder and it will use the original again.

There are a few threads in this forum where people have gone further into detail, but that is how this site is created and others like mine with http://trentadams.ca and http://onvertigo.com looking the same even though they are on different servers.

Hope that helps.

Trent

[bozzy]

I’ve got the header and footer to load correctly, but the sidebar is pushed to the bottom… I think this is a CSS problem… but what do I need to change to fix this?

Thanks!!!

http://forums.bozzysworld.com/

[Trent Adams]

I don’t mind if you go into this, no. A topic with a username referenced as a bozo is asking for problems if that user is not indeed a spammer. Forums sometimes are not a ‘pretty’ place and this is definetely the case over at wordpress.com. Ultimately, it is mdawaffe, Matt or I that has to deal with the issues in these forums and we all look at the modlook tag, so it is easier for us to be alerted to these disucssions when we don’t have a chance to read “all” threads.

It seems that you and Sam were most likely 100% right that the user may be at fault here, but realize that if you are not right on this one it can cause someone hard feelings. Discussion is obviously a great thing and encouraged and closing the thread, while premature, is damage control. Clear as mud?

[talgalili]

Trent – I see you have fixed the problem. Thank you very much !

I will now go to build the forum, and will share with all of you once I made it work (and also, will share my Hebrew translation to the rest of the community)

Again, Trent, thank you very much

p.s: one small correction I made to the stylesheet, was to the header.

In the current configuration, The first letter of the name of the forums, is cut off.

So to fix it, I erased the line:

font-style: italic;

from the file style.css, in the “#header h1 { ” section, as seen here:

In style.css:

#header h1 {

font-family: Georgia;

/*font-style: italic;*/ <– this line

position: absolute;

display: block;

color: #444;

text-align: right;

letter-spacing: -1px;

right: 59px;

bottom: 31px;

}

I don’t know how to incorporate it into the trunk or to post a ticket, but I hope what I write will help…

Another small issue (which matters little to me, but is worth noting) :

When the mouse hovers around a header of (for example a forum name): in Firefox, you get the whole line to change color(as it should). in IE you deon’t get that effect.

Tal.

[talgalili]

Hi fel64.

Sorry, I didn’t follow.

The site linked to in the ticket, is my forum. and it works under firefox, not under Internet Explorer (And there are many users using IE, so I can’t open the forum until it is compatible to both standards)

Tal.

[wmarcy]

Jim Lynch came to the rescue, here is what is necessary:

This code gos into the front-page.php file:

<table id="highest">

<tr>

<th>Highest Rating</th>

<th>Rating</th>



</tr>



<?php $topics=bb_top_topics();

foreach ($topics as $topic) : ?>

<tr<?php alt_class('forum'); ?>>

<td><a href="<?php topic_link(); ?>"><?php topic_title(); ?></a>

</td>

<td class="num"><div class="rating-holder"><?php bb_rating();?>

<span class="count"><?php bb_rating_count(); ?>

</span>

</div>

</td></tr>

<?php endforeach; ?>

</table>

Also very important not to forget to include “my-plugins/bb-ratings.css” in your template header file. That should look something like this:

<link rel='stylesheet' href='http://YOUR_PATH_TO_BBPRESS/my-plugins/bb-ratings.css' type='text/css' />

[wmarcy]

Trent, Another problem I am having (If these questions are getting to be annoying just let me know, I appreciate your time).

On my site http://www.wetworx.com/forums/ the search field is to the extreme left, while the submit button is is on the extreme right, and lower by about 100 pixels.

messing with the style.css doesn’t seem to have any effect (Kind of puzzling that one).

Any hints or pointers?

Thanks!

[minkuei]

I do try to change it to kakumei, but it still not working.

I don’t think this is the problem.

I think it must something wrong with the setting,

[fel64]

It’s a simple case of a tiled (but large, so you can’t see it) background Trent. Here’s the CSS to do it.

#wrapper {

background:#202020 url(images/page_header_tile.png) repeat-x scroll 0px -25px;

}

That’s a really nice forum. I like your bold black/white/pink colour scheme

[fel64]

You seem to have renamed the kakumei directory which would be a problem. It should be named kakumei and nothing else I think.

[minkuei]

Thx Trent so patience to help me out.

Actually, yes this is still problem. I didn’t fix it and i just copy the css file from http://kaespace.com/bbpress/my-templates/kakumei_i and put it in the “http://kaespace.com/bbpress/&#8221; directory.

When you visit my site, look at the source code and the css link shows

<link rel=”stylesheet” href=”style.css” type=”text/css” />

I looks others fourm’s source code they have address like http://domain.com/my-templates/kakumei/style.css in the href.

So I am wonder, is it my config.php didn’t set it right or some other thing I have to do.

I do put the patch-to-URL.php in my-plugins folder

[Trent Adams]

Your site shows up fine for me in Firefox, IE, Safari, Opera and Flock. Is is still a problem on your end?

Trent

[minkuei]

I was try to fix the fourm this afternoon, so if you can’t access maybe is because I was worrking on it .

The Fourm address is right

http://kaespace.com/bbpress/

[Trent Adams]

Have you taken a look at this thread? As well, http://kaespace.com/bbpress/ doesn’t show up for me at all. Is that the correct address? As for the link just having “style.css” in the address, it is because it is referenced off the theme folder and not the root directory. I can’t access your site, so what is your theme as well? The default one?

Trent

[minkuei]

Actually I know I have to make my-templates folder and I do have it.

But before I put css file in the root, the forum don’t even read the default theme.

I do try to change it in admin panel, but somwhow it just don’t work.

[fel64]

You have to do it differently. To apply a css file, make a new folder in /bbpress/ called my-templates, open it, make a new folder for your “theme”, and put in your css file called style.css. Now go to the Admin Panel > Presentation and pick your theme.

Note that you can change the HTML output of files as well. If you do not have a file for a particular page (such as forum.php) bbpress will look for the default file (located in /bbpress/bb-templates/kakumei) and use that instead. If you wish to use a modified file, copy the default into your theme’s folder and change it there.

[minkuei]

I found out that most people’s bbpress has this code in index.php

<link rel=”stylesheet” href=”http://yourdomain.com/style.css&#8221; type=”text/css” />

however my index.php shows

<link rel=”stylesheet” href=”style.css” type=”text/css” />

in the bbpress root there is no css file, so I think that’s why it didn;t work.

Can anyone told me how to fix it?

Right now I just dump my css file in the root so index can reads it.

[minkuei]

I have set my config.php

$bb->domain = ‘http://kaespace.com&#8217;;

$bb->path = ‘/bbpress/’;

I thought this is right setting.

[rimian]

Your path setting may be blank or something.

have a look in your config.php and check:

$bb->path

and

$bb->wp_siteurl

[minkuei]

I just setup my new forum.

Everything works fine, but the forum didn’t ready the CSS file.

This is how it loos now.

http://kaespace.com/bbpress/

I try to search the simlar topic in here and put the plugin but still didn’t work.

Can anyone tell me what’s go wrong? thx