[phpbb3] Trick to style the who is online statistics

This is a simple little trick I've used in one of the themes I'm working on. By default there's virtually no unique parent container to style the who is online section. So, we make use of those handy CSS traversal selectors to style the statistics after the main category. Note that this trick will work on the default templates, so if you've heavily modified your index_box template you may be outta luck.

Go to Administration Panel > Display > Couleurs > CSS stylesheet and paste the following code.

Code:

.forabg + ul.linklist ~ #chatbox_popup, .forabg + ul.linklist ~ .page-bottom, .forabg + ul.linklist ~ p, .forabg + ul.linklist ~ .h3 {
  background:#333;
  border:1px solid #444;
  border-top:none;
  padding:3px;
  margin:0;
}

.forabg + ul.linklist ~ .h3 {
  border-top:1px solid #444;
  border-radius:3px 3px 0 0;
  box-shadow:0 10px 6px rgba(255,255,255, 0.1) inset, 0 -10px 6px rgba(0,0,0, 0.1) inset;
  padding:6px 3px;
  margin-top:10px;
}

When finished, you should have the following result.


All that's left is to modify the color values. To do that, you can use http://www.colorpicker.com/ to choose your colors.

wow that is good.