Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
Reply ● Quote
|
|
Direct "Board Stats" Selectors
The vast majority of the time there is no need to target an individual cell in the "Board Statistics Table." Still, there could be the occasion where you want to highlight, add to, or change some of the cells in the table list. This post gives the direct selector link for each title and data cell to enable custom designs not possible when using the named CSS classes.
Column #1
Total Topics: = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1)
Total Posts: = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1)
Total registered members: = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(1)
Our newest member: = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(1)
Column #2
First Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(2)
Second Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(2)
Third Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(2)
Fourth Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(2)
Column #3
Board founded on: = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(3)
Most users ever online: = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(3)
First Blank Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(3)
Second Blank Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(3)
Column #4
First Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(4)
Second Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(4)
Third Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(4) > td:nth-child(4)
Fourth Cell = .forumlistboardstatstable > tbody:nth-child(1) > tr:nth-child(5) > td:nth-child(4)
End of list
Backgrounds and borders can be changed using the selectors given in my list. I recommend not using these if you are making changes to paired columns since it is easier to target the .forumlistboardstatstitle and .forumlistboardstatsdata CSS classes as a group.
Blank cells can have content and pictures added to them by using the :before and :after CSS pseudo-elements.
|
7/3/2018, 12:18 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
Reply ● Quote
|
|
Re: Direct "Board Stats" Selectors
This topic has been a life-saver to me when it comes to updating older skin designs.
|
1/3/2019, 8:01 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|