How do i change the subforum view ?

Johnny · Jan 16th 2014, 10:20pm

Hi all,

I want to rearrange the subforum's like vbulletin style (details in attach)
Please help me

Kind Regards,
Johnny

Black Rider · Jan 16th 2014, 10:24pm

Try this CSS:

CSS Source Code

#boardlist .boardlistSubboards li {
display: inline-block;
float: none;
width: 33%;
}

Johnny · Jan 16th 2014, 10:58pm

I will replace this line or what ?

#boardlist .boardlistSubboards ul

added:
{
display: inline-block;
float: none;
width: 33%;

deleted: {margin: 0;border: 0;}

All good right ?
Where can i modify the number of columns ? lets say i want to display in 2 columns not 3

Anymore modifications ?

Black Rider · Jan 16th 2014, 11:06pm

Actually you don't have to replace anything but add it to your style:
ACP -> Appearance -> Styles -> List styles -> Edit style -> Advanced.

If you want to have 2 colums you have to change the value of width. For 2 items it is 50%.

Johnny · Jan 16th 2014, 11:11pm

Maybe this is in 4.0 ?

ACP -> Appearance -> Styles -> List styles -> Edit style -> Advanced.

Black Rider · Jan 16th 2014, 11:12pm

Maybe it is called "Design" instead of "Appearance" in Burning Board 3. It is the third list item on the left in the ACP.

Johnny · Jan 16th 2014, 11:14pm

well i'm at Advanced now what ?

p.s: view for 2 columns is 40% not 50

Black Rider · Jan 16th 2014, 11:16pm

Just add the code at the end of the first textarea.

Johnny · Jan 16th 2014, 11:19pm

must put it there also ?

already modified style9-css

just asking

Black Rider · Jan 16th 2014, 11:20pm

Yes you have to. You should never edit files directly in the file system.

Johnny · Jan 16th 2014, 11:24pm

but now if i edited the file directly and put there also will not be a conflict ?

Black Rider · Jan 16th 2014, 11:25pm

As soon as you resave the style in the ACP the file will be overwritten. This is the reason why you should save it in the ACP.

Johnny · Jan 16th 2014, 11:29pm

in here you mean ?

imageshack.com/a/img600/4603/uakm.jpg

can you point me where to add the following code exactly ?

#boardlist .boardlistSubboards li {
display: inline-block;
float: none;
width: 33%;
}

Black Rider · Jan 16th 2014, 11:33pm

As I said:
At the end of the text area 1.

Johnny · Jan 16th 2014, 11:36pm

OK, this one solved, thanks a lot.

CSS Source Code

Share