Just as an example of what I mean, here's a shot of something I whipped up last night in the ad breaks for Pirates of the Carribbean*. It's Prosilver Dark Edition, live on this site, with about 80 lines of CSS overrides running on top of it (in the Stylish add-on for Pale Moon). Something like this would be quite passable for an easily maintainable light theme.
Had a thought about banners too. They're just defined like this:
Code: Select all
.headerbar>.inner {
background-image: url(Banner_1.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center 65%;
border-radius: 7px 7px 0 0;
}
That allows them to scale with the screen width, and setting them as background images in the CSS cuts bandwidth and load times compared to an inline image. The groovy bit here is that phpBB sets a class on the body tag depending on where you are. The basic declaration shown above covers all forum pages, which means you always have a banner everywhere. Then if you want to have different banners on different pages you can just add them in, for any style, as it suits you, like this:
Code: Select all
/* For the in-forum/topics list page. */
.section-viewforum .headerbar>.inner {
background-image: url(Banner_2.jpg);
}
/* For inside a topic. */
.section-viewtopic .headerbar>.inner {
background-image: url(Banner_3.jpg);
}
/* For the post editor/replies page. */
.section-posting .headerbar>.inner {
background-image: url(Banner_4.jpg);
}
/* For the user control panel. */
.section-ucp .headerbar>.inner {
background-image: url(Banner_5.jpg);
}
With a minor markup tweak, it's even possible to set up individual banners for each forum category, or even for each board, if you want to go that far. Which is probably overkill, but it can be done, and it can be done just for the ones you can be bothered with, with the rest falling back to the basic banner. So expect random eye candy every so often, because I know I won't be able to resist having some fun.
Edit: I've just set up a stylesheet switcher for Prosilver Dark. This is not the "Quick Style" in the header that we've had for ages. It's an addition specifically for Prosilver Dark. That style comes with 8 different colour schemes (blue, green, grey, orange, pink, purple, red and yellow). I don't like all of them, but they exist and someone might like some of them.
However, the thing is I'm testing what's possible with alternate stylesheets in the one parent style. For example, I can easily define another sheet (like light_and_snowy.css) to run the code shown in the screenshot. This would give us a good range of styles without having to run an extension and without having to actually install multiple styles. If someone wants to change the look for whatever reason, they just click a button and it's sorted.
Check out the footer of Prosilver Dark, right at the bottom.
*I'm into highly intellectual cinema, y'know.
![Mr. Green :mrgreen:](./images/smilies/icon_mrgreen.gif)