Author Topic: Image Size  (Read 1147 times)

DarkMask

  • Newbie
  • *
  • Posts: 31
    • View Profile
on: July 17, 2018, 06:53:35 AM
I've noticed there doesn't seem to be any image scaling which can cause issues with larger image as shown in this thread, http://bullyfucksmymom.com/index.php?topic=12.0.

I think setting the .bbc_img class to the following will work the best.

Code: [Select]
.bbc_img {
    border: 0;
    width: auto;
    max-width: 40%;
    height: auto;
    max-height: 400px;
}

You could also install this mod which does pretty much the same thing and opens the image in a lightbox.

https://custom.simplemachines.org/mods/index.php?mod=1450
« Last Edit: July 17, 2018, 07:00:52 AM by DarkMask »



Admin

  • Administrator
  • Newbie
  • *****
  • Posts: 34
    • View Profile
Reply #1 on: July 17, 2018, 09:48:54 AM
I think setting the .bbc_img class to the following will work the best.


Done this. Thanks for a good idea!



spiky green cactus

  • Newbie
  • *
  • Posts: 29
    • View Profile
Reply #2 on: July 17, 2018, 09:56:38 AM
Yeah I noticed this too when I uploaded my av image, it looked blurry. Now it looks good when I uploaded it to imgur and linked from there.



Admin

  • Administrator
  • Newbie
  • *****
  • Posts: 34
    • View Profile
Reply #3 on: July 17, 2018, 10:06:05 AM
Yeah I noticed this too when I uploaded my av image, it looked blurry. Now it looks good when I uploaded it to imgur and linked from there.

Set 500x500 now all uploaded pics should look good.



DarkMask

  • Newbie
  • *
  • Posts: 31
    • View Profile
Reply #4 on: July 17, 2018, 01:34:52 PM
Change looks good. :)

For forum avatars, the default has it at width: 100% and height: auto so doing something like this would make them look slightly better and in-line.

Code: [Select]
.poster .avatar img {
    width: 100%;
    max-width: 130px
    height: auto;
    max-height: 130px;
}



Admin

  • Administrator
  • Newbie
  • *****
  • Posts: 34
    • View Profile
Reply #5 on: July 17, 2018, 01:44:42 PM
For forum avatars, the default has it at width: 100% and height: auto so doing something like this would make them look slightly better and in-line.

Code: [Select]
.poster .avatar img {
    width: 100%;
    max-width: 130px
    height: auto;
    max-height: 130px;
}

Done, thanks!



spiky green cactus

  • Newbie
  • *
  • Posts: 29
    • View Profile
Reply #6 on: July 19, 2018, 02:31:45 PM
How can we make the images in posts bigger?



DarkMask

  • Newbie
  • *
  • Posts: 31
    • View Profile
Reply #7 on: July 20, 2018, 11:36:57 AM
Without implementing some kind of lightbox, you'll just need to right-click them and open them in a new tab to get the full-size image.



Admin

  • Administrator
  • Newbie
  • *****
  • Posts: 34
    • View Profile
Reply #8 on: July 20, 2018, 11:40:30 AM
How can we make the images in posts bigger?

Yes, here is answer:

Without implementing some kind of lightbox, you'll just need to right-click them and open them in a new tab to get the full-size image.

And the same on mobile phones. Just open in new tab to see bigger image.



spiky green cactus

  • Newbie
  • *
  • Posts: 29
    • View Profile
Reply #9 on: July 20, 2018, 12:43:18 PM
Maybe the maximum image size of an image displayed in a post can be increased? Right now it seems to be set for a maximum height of 400 pixels, which seems kind of small. In other forums I've also seen images that are too big to be displayed at full size be shrunken and turned into thumbnails so when they are clicked they are enlarged to full-size in the post, without having to open a new tab.



Admin

  • Administrator
  • Newbie
  • *****
  • Posts: 34
    • View Profile
Reply #10 on: July 20, 2018, 02:40:50 PM
Maybe the maximum image size of an image displayed in a post can be increased? Right now it seems to be set for a maximum height of 400 pixels, which seems kind of small. In other forums I've also seen images that are too big to be displayed at full size be shrunken and turned into thumbnails so when they are clicked they are enlarged to full-size in the post, without having to open a new tab.

Made them bigger. Now it max 500px. All mods which make popup windows with original size are not compatible with the forum engine's version.