[phpbb3] Trick to style the who is online statistics

View previous topic View next topic Go down

[phpbb3] Trick to style the who is online statistics

Post by Ange Tuteur on 1/25/2015, 8:40 pm

avatar
Ange Tuteur
Admin
Admin

Posts : 20
Reputation : 3
Join date : 2014-12-24

View user profile
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.

_________________
miou

Back to top Go down

Re: [phpbb3] Trick to style the who is online statistics

Post by BL@DE on 1/29/2015, 11:15 am

avatar
BL@DE
Member
Member

Posts : 13
Reputation : 0
Birthday : 1983-11-28
Join date : 2015-01-28
Age : 33
Location : England

View user profile
wow that is good.

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

Permissions in this forum:
You cannot reply to topics in this forum