Author

Topic: Cap image width (Read 1339 times)

legendary
Activity: 2128
Merit: 1065
May 20, 2013, 04:04:06 PM
#18
Is it difficult to add the same to the stylesheet that governs the "Show the last posts of this person" page? Thanks.
legendary
Activity: 1078
Merit: 1003
February 24, 2013, 04:57:21 PM
#17
Works great Grin
administrator
Activity: 5166
Merit: 12850
February 24, 2013, 12:54:28 PM
#16
Alright, I fixed that.
legendary
Activity: 1512
Merit: 1028
February 24, 2013, 05:37:05 AM
#15
More: To force width it appears that class="post" is what needs a style. It looks like to fix old posts below a reply or "view all posts by" you need to add to  "windowbg", "windowbg2", "windowbg3":

Code:


Posted on: February 21, 2013, 02:03:01 PM

Posted by: greyhawk




I concur.

legendary
Activity: 1512
Merit: 1028
February 24, 2013, 05:19:11 AM
#14
Fixed.
So this was changed?

https://bitcointalk.org/Themes/custom1/style.css?fin11:
Code:
#bodyarea .windowbg .td_headerandpost img {max-width: 100%}

The preview post feature doesn't show the auto-shrunk version of images though..
Actually the whole thread below where you post a response still has full-size images
                        


So I put something like this:

And now no in-post scroll to make it useful...?
(edit: my post has a scroll bar...Huh)

Another place to fix width is in the "show last posts" per user. One wide post (code or image) and the whole page goes wide:
https://bitcointalksearch.org/user/bitcoininv-63589


The mobile phone user would be served by a SMF extension that followed the link and made sure the linked file isn't huge. I could kill a page and blow up your 4G by linking a never-ending php as an image.
hero member
Activity: 840
Merit: 1000
February 24, 2013, 04:20:57 AM
#13
This isn't working here, where a large image is quoted: https://bitcointalksearch.org/topic/m.1554510


However the image in this thread is properly handled when quoted.
Test:



administrator
Activity: 5166
Merit: 12850
February 22, 2013, 12:28:45 AM
#12
Fixed.
legendary
Activity: 1246
Merit: 1076
February 22, 2013, 12:07:34 AM
#11

This doesn't seem to work right now. The class ".headerandpost" should be ".td_headerandpost".
administrator
Activity: 5166
Merit: 12850
hero member
Activity: 756
Merit: 501
There is more to Bitcoin than bitcoins.
February 21, 2013, 09:49:16 PM
#9
Test:


legendary
Activity: 1918
Merit: 1570
Bitcoin: An Idea Worth Spending
February 21, 2013, 09:33:11 PM
#8
hero member
Activity: 868
Merit: 1000
February 21, 2013, 09:15:49 PM
#7
Please do this.
member
Activity: 112
Merit: 16
February 21, 2013, 06:03:50 PM
#6
I'm surprised this hasn't already been implemented, or at least responded to. It's a simple, efficient, and quick idea to put in.
hero member
Activity: 938
Merit: 1009
February 21, 2013, 06:03:01 PM
#5
I concur.
legendary
Activity: 1078
Merit: 1003
February 21, 2013, 05:55:21 PM
#4
I, too, would like to see this implemented.
legendary
Activity: 1246
Merit: 1076
February 21, 2013, 05:11:11 PM
#3
People have recently expressed concerns with mobile phones. This simple 3-line change would resolve those. I'm not sure why it hasn't been added.
legendary
Activity: 1246
Merit: 1076
January 28, 2013, 12:38:04 AM
#2
Bump. This would be a trivial and very useful addition at no cost.
legendary
Activity: 1246
Merit: 1076
January 22, 2013, 11:30:33 PM
#1
Add to the stylesheet:

Code:
img {
  max-width: 100%
}

This rescales all images to the maximum width possible without a scrollbar. We all think scrollbars are annoying, but so are downsized images by overzealous posters trying to avoid them. This seems to be a simple solution.

Test below (courtesy niko):
Jump to: