Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
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.
|
|
1/1/2015, 1:42 pm
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
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
|
|
9/9/2017, 7:47 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
