different background on each forum?

[AlexMG]

Hi there!
Is there any way to add a different background image to a specific forum?
Let's say we have Counter Strike Forum with subforums and description. I just to have a background image there to cover all the section. And just on index page.

[janus_zonstraal]

Make different styles with different backgrounds and give the forum the style you want.

[AlexMG]

I mean the viewforum not the forum.

[janus_zonstraal]

What do you mean, the board or a forum?
You can give every forum a other style in ACP=> forum

[AlexMG]

Sorry i'm not so clear.



And this mod: https://www.phpbb.com/customise/db/mod/ ... or_phpbb3/

I hope you understand now. Thank you!

[ssl]

Hi
You talk about something like that?

[AlexMG]

Hi!
Something like that. But i want the image to be completely visible. behind the forums.

[Lumpy Burgertushie]

yes it is possible but you would have to add a lot of code to the css and the html of the style.

it would need a line of code for each forum that you have.

for instance, something similar to :

If forum id = 4 background image = whatever.jpg
If forum id = 5 background image = something else.jpg
etc. etc.

then you would have to redo all those edits each time you update/upgrade your style.

not to mention if you have more than one style you would probably want to do it to each style.
robert

[Gumboots]

You can do it without HTML edits if you install the Collapsible Categories extension. That extension should hardly ever need updating, and includes its own CSS file. This makes it a good candidate for adding custom CSS because you won't have to re-do the edits very often (if at all).

The extension adds an anchor before each category, and the anchor has the category number as part of its ID attribute. Example:

Code: Select all

<a class="category" id="category11" style="display: none; height: 0"></a>

This allows you to target the background of each category by using an adjacent selector:

Code: Select all

#category11 + .forabg {background: url(whatever.jpg)}
#category22 + .forabg {background: url(another.jpg)}

[AlexMG]

Thank you but dosen't work. Can u check it out for me please? http://veridic.ro/phpBB3/index.php

I added the css in common.css and colours.css .

[Gumboots]

Well you showed a screenshot of a style closely based on Prosilver, but the style on your site has completely different markup. You also don't have the extension installed, so obviously the code I suggested wouldn't work even with Prosilver due to the lack of the relevant anchors. So remove that code.

As it turns out, the style shown on your link already has the category id number built in to the markup, which means you can skip the extension. Current CSS is:

Code: Select all

.forabg {
    background: transparent none repeat-x 0 0;
}

Which is pretty stupid since there's no need to define most of that crap. Not that it matters for what you want to do. You can just use this:

Code: Select all

#forum-1 {background: url(whatever.jpg)}
#forum-5 {background: url(another.jpg)}

That should do if you want to use a small image that tiles. If you want to use a large image that doesn't tile I'd add:

Code: Select all

.forabg {
    background-size: cover;
}

[AlexMG]

It works perfect with category because of the colapse extension. I use this code and it works.

Code: Select all

#category-1 {
background-color: lightblue;
}

Thank you so much for this! But it is posible to add ca specific colour or image just to a forum? I think i need a unique ID for the forum and a div class.

[Mannix_]

Like this ?

you would need something like this

Code: Select all

#category-1 .forums li.row:nth-child(1) dl {background-image: url(https://img.esportnow.pl/BMfdzYiZzxEWlTwKuazwAqAS1zc=/768x0/smart/https://esportnow.pl/wp-content/uploads/2017/07/20_198712968.jpg);}


#category-1 .forums li.row:nth-child(2) dl {background-image: url(http://veridic.ro/phpBB3/styles/pbwow3_heroes/theme/images/global-bg2.jpg);background-size: cover;}

#category-1 .forums li.row:nth-child(3) dl {background-image: url(https://img6.gram.pl/sfwr20190920202247129jzsj.jpg);background-size: cover;}

.forums li.row dl {
    background-size: cover;
}

But remember you can't change the order of the forums in ACP afterwards

[AlexMG]

Thank you sir !!!