Runboard.com
Слава Україні!
open to all ages

Runboard       Sign upCreate Accountlearn about itSign inlost password?

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 241
Karma: -1 (+0/-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.

---

Advertise Boards On TRDConceptsDE
4/2/19, 5:44 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 


Add a Reply



You are not logged in (login)