Runboard.com
You're welcome.
Welcome: You have reached Pastor Rick's Design Elements message board... Enjoy your stay and please tell others about this board...

Runboard Social       Sign up (learn about it) ● Sign in (lost password?)


 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
Karma: 11 (+12/-1)
Reply ● Quote
Post-icon Size


Runboard handles images used for post-icons and clickable smilies differently even when the source image is the same. The reasoning behind this seems to be that while a clickable smiley is ONLY used in a message post the post-icon is used in both the topic list and subject line. Because of the dual usage Runboard has in place a system that re-sizes the display of the post-icon so it will always be 15px by 15px and even has a notice in the boards control panel that post-icons MUST be 15px by 15px in size. That being said there is a way for board owners to adjust the size of the post-icon if such a adjustment is needed for their own message boards unique design/theme.

A post-icons display size is controlled by four CSS classes which are:

.ak_tl_topicrow_mouseover_off img --> topic row display
.ak_tl_topicrow_mouseover_on img --> topic row display
.ak_subject_posticon_icons_td img ---> message posting screen
.postlistpostname img -------------------> message subject

You can use these CSS classes to redefine what the size being displayed is for each area of your message board or you can redefine the display size for ALL areas like so...

.ak_tl_topicrow_mouseover_off img, .ak_tl_topicrow_mouseover_on img, .ak_subject_posticon_icons_td img, .postlistpostname img {
  min-width: 15px; min-height: 15px; width: auto; height: auto;
}


In the above example I set the minimum display size to equal Runboard's default setting but then used the "auto" statement to allow post-icon image larger than 15px x 15px to show at their full size anywhere on the message board.

---

RSFRDAdvertise Boards On TRDREITB
1/1/2015, 1:42 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
Global user (premium)

Registered: 07-2005
Location: Texas
Posts: 529
Karma: 11 (+12/-1)
Reply ● Quote
Re: Post-icon Size


CSS keeps evolving so to achieve the same results for posticons that I show above you can now use this code instead:

.topic_list_table img[alt="posticon"] { width: auto; height: auto; }

The min-height and min-width statements still work when added to this code for those that want to create a forced image display size, but they are not needed to show the picture in its original size.

My thanks to Lesigner Girl for pointing out the CSS coding improvement.

Last edited by Pastor Rick, 9/9/2017, 7:52 am


---

RSFRDAdvertise Boards On TRDREITB
9/9/2017, 7:47 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)