Runboard.com
Слава Україні!
If you want announcements or something at the top of your board, put them here.

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: 105
Karma: 0 (+0/-0)
Reply   Quote
Posted messages = 3rd level coding


Having completed the main page, and all 2nd level coding pages (topic lists and member listings) we now move on to the 3rd level coding, which is arguably, the most tedious page in Runboard skin creation. Tedious because not everything you see is what you would expect it to be. Like most skin coders Josh started with simple adjustments but gradually moved on to more and more complicated coding solutions while he explored the limits of Runboard skin creation. The "Fresh Blue" theme was one of his best efforts IMHO and I will attempt to follow in his footsteps by trying just a little extra...

---

Advertise Boards On TRDConceptsDE
4/14/2016, 2:04 am Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 105
Karma: 0 (+0/-0)
Reply   Quote
Re: Posted messages = 3rd level coding


With this section I am starting with the difficult bits first. The panel behind the "User Profile Box" is a real pain to find since it is one of the very few that Thor did not give a default CSS selector name. For that reason I put in all the elements for it before doing anything else. To my knowledge this will be the very first RB skin that uses this bit in its design.

---

Advertise Boards On TRDConceptsDE
4/15/2016, 3:33 am Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 105
Karma: 0 (+0/-0)
Reply   Quote
Re: Posted messages = 3rd level coding


I made a simple change to the "Users Profile Box" AKA .ak_msg_post_table so I can see how the other elements blend in as I work on this area.

---

Advertise Boards On TRDConceptsDE
4/15/2016, 3:38 am Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 105
Karma: 0 (+0/-0)
Reply   Quote
Re: Posted messages = 3rd level coding


I removed that "|" border that is between the "link to this post" and "email username" links and, as Josh made famous, I put boxes around each of the links in that section.

I also added some separation between the posts (4px) and changed the font size from 12px to 14px on the messages that are posted.

I also chose a purple/pinkish color for the "date/time" and "post contact" background.

Last edited by Pastor Rick, 4/15/2016, 3:37 pm


---

Advertise Boards On TRDConceptsDE
4/15/2016, 3:35 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator

Registered: 07-2005
Location: Texas
Posts: 105
Karma: 0 (+0/-0)
Reply   Quote
Re: Posted messages = 3rd level coding


Changed the font size to 8px (the same size as the default "quote box." Which reminds me to change the "quote box" settings later today.

---

Advertise Boards On TRDConceptsDE
4/15/2016, 3:42 pm Link to this post Email Pastor Rick   PM Pastor Rick Blog
 


Add a Reply





You are not logged in (login)