[phpbb3] Trick to style the who is online statistics
Liquid Code :: Coding Factory :: Css
Page 1 of 1 • Share
[phpbb3] Trick to style the who is online statistics
Ange Tuteur- Posts : 20
Reputation : 3
Join date : 2014-12-24
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.
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.
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.
Re: [phpbb3] Trick to style the who is online statistics
BL@DE- Posts : 13
Reputation : 0
Birthday : 1983-11-28
Join date : 2015-01-28
Age : 40
Location : England
wow that is good.
Liquid Code :: Coding Factory :: Css
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|