Board Image Widths?

Discussion in 'Super7 Showroom' started by TiredChildren, Sep 27, 2011.

  1. TiredChildren

    TiredChildren Administrator Staff Member

    Joined:
    Aug 16, 2009
    Messages:
    3,794
    Location:
    Melbourne, FL
    Name:
    James
    flickr:
    JamesLikeness
    Instagram:
    TiredChildren
    Board Image Widths?
    I sent an email about this a while ago, but never heard back. The board isn't resizing really wide images, and pages sometimes become really difficult to read. Would it be possible to get this small line of code added to the CSS for the board?

    Code:
    .postbody img {max-width: 700px}
    If someone were to add that line to the bottom of ./styles/serenity/theme/stylesheet.css, it would limit the width for really large images, and fix the issue across the board.
     
  2. ultrakaiju

    ultrakaiju Die-Cast Staff Member

    Joined:
    Jan 14, 2011
    Messages:
    11,781
    Board Image Widths?
    Agreed. I would love to be able to set the display width/height of images whenever I post them, as people can turn to the source links for full size if they need. This is possible in BBCode, it just needs to be enabled on skullbrain.
     
  3. Joe

    Joe Die-Cast

    Joined:
    Dec 17, 2007
    Messages:
    12,318
    Board Image Widths?
    I'll bring this up as it sounds like a great idea.
    But I think it might be easier for me to just start banning people who post images too big. :lol:
     
  4. TiredChildren

    TiredChildren Administrator Staff Member

    Joined:
    Aug 16, 2009
    Messages:
    3,794
    Location:
    Melbourne, FL
    Name:
    James
    flickr:
    JamesLikeness
    Instagram:
    TiredChildren
    Board Image Widths?
    Haha, nice Joe. Sounds like a good idea.
     
  5. Joe

    Joe Die-Cast

    Joined:
    Dec 17, 2007
    Messages:
    12,318
    Board Image Widths?
    Is this a one button enable or does some code need to be edited?
    If it's as easy as me pressing a button and turning it on then I can give it a try, otherwise it'll have to be the banning option.
    The latter might be more fun anyways. :twisted:
     
  6. Lalo

    Lalo Mini Boss

    Joined:
    Dec 2, 2007
    Messages:
    4,660
    Location:
    pdx
    Instagram:
    lalosoda
    Board Image Widths?
    practice with this:
    ((not the banning, the resizing)) :)
    [​IMG]
     
  7. Joe

    Joe Die-Cast

    Joined:
    Dec 17, 2007
    Messages:
    12,318
    Board Image Widths?
    Haha. Awesome pic. It's so awesome that it's NOT big enough! :lol:
     
  8. TiredChildren

    TiredChildren Administrator Staff Member

    Joined:
    Aug 16, 2009
    Messages:
    3,794
    Location:
    Melbourne, FL
    Name:
    James
    flickr:
    JamesLikeness
    Instagram:
    TiredChildren
    Board Image Widths?
    My option wasn't a one-click solution, but it's implemented really well. It doesn't limit the size of images that can be uploaded, it actually automatically resizes large images to fit inside a certain width. That way if someone posts a huge image, it still shows up on the board in a very viewable size.

    I'll dig a little bit and see what I can find out about other options. Joe if you want to hit me up via PM I'm more than happy to help however I can. I have experience with phpBB and I've helped out with the code on a few different boards.
     
  9. toothaction

    toothaction Team Tsubu Staff Member

    Joined:
    Feb 10, 2011
    Messages:
    13,183
    Location:
    Detroit
    Name:
    David
    flickr:
    toothaction
    Instagram:
    thebeautifulpuffin
    Board Image Widths?
    I usually just upload the monster pics to some
    faceless hoster like Imageshack and resize it
    before putting it here, but that's me. It would
    be great to have an autosystem though, just as
    long as we can keep throwing up pics as large as
    flickr's biggest norm.

    edited to be readable with that monster pic
    destroying the thread! ;)

    Banned! :twisted:
     
  10. ultrakaiju

    ultrakaiju Die-Cast Staff Member

    Joined:
    Jan 14, 2011
    Messages:
    11,781
    Board Image Widths?
    I probably deserve to be banned for oh so many reasons, but just loving that pic is enough :mrgreen:

    Two ways that I know of Joe:

    One is to enable resizing ourselves when we post the links, which works the same as HTML code, e.g. you can specify the width and height or just one parameter to rescale; or you can just add it to the image tag, i.e. [IMG=120x300]. This just has to enable, but as to how exactly I am in the dark. Here is a simple and straightforward adjustment.

    The other is to use a mod (there are quite a few available, I don't know what's best). Most of these are javascript-based tools that do it automatically for all oversized images. Highslide is one, ReIMG seems to have good reviews as well, or Advanced Box but many more are available on vbulletin.org or the phpBB website.
     
  11. TiredChildren

    TiredChildren Administrator Staff Member

    Joined:
    Aug 16, 2009
    Messages:
    3,794
    Location:
    Melbourne, FL
    Name:
    James
    flickr:
    JamesLikeness
    Instagram:
    TiredChildren
    Board Image Widths?
    You wouldn't need a mod to automatically resize all over-sized images. My CSS code in the original post would handle that.
     
  12. KaosHead

    KaosHead Addicted

    Joined:
    May 17, 2009
    Messages:
    673
    Location:
    C A N A D A :: BC
    Board Image Widths?
    Not for nothing, but the latest version of phpBB has an auto thumbnail feature: http://www.phpbb.com/about/features/#thumb

    Also, shouldn't it be mandatory that all pics over a certain size should habe more Joe and/or cowbells in them? I mean we're not animals after all..
     
  13. treblekicker

    treblekicker Beggars Can't Be Choosers

    Joined:
    Sep 8, 2009
    Messages:
    1,529
    Location:
    so close to d.c.
    Name:
    rob
    Board Image Widths?
    this is a simple, elegant solution that james provided for the grass hut board as well. he could even just send a new stylesheet.css with the mod to a board admin to drop into place.
     

Share This Page