Pastor Rick
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...
|
4/14/2016, 2:04 am
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
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.
|
4/15/2016, 3:33 am
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
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.
|
4/15/2016, 3:38 am
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
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
|
4/15/2016, 3:35 pm
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
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.
|
4/15/2016, 3:42 pm
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|