Runboard.com
Слава Україні!
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

User Quick Links:    runboard.com       Sign up (learn about it) ● Sign in (lost password?)

 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

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.

---

Advertise Boards On TRDConceptsDE
7/3/2018, 12:18 pm Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

---

Advertise Boards On TRDConceptsDE
1/3/2019, 8:01 am Link to this post Send Email to Pastor Rick   Send PM to Pastor Rick Blog
 


Add a reply





You are not logged in (login)