Show Thread Enhancements - Reduce page's length for the long messages in postbit & postbit_legacy

About this modificaion :

Right, reducing the length of the page for the long messages in postbit & postbit_legacy. In your forum, many members have written long message (maybe up to 10,000 characters), made that webpage is longer, more viewers will be offended because they have to slide the screen to see it. You can limit the number of characters, however, why do you do that ? Let your members write unlimited words. And, you do not have to worry about the length of the webpage.
Additional, you can reduce space between message content and signature !

Install :

• First Step : add new css in additional.css (Edit Templates -> CSS Templates).
  Paste following code into bottom of additional.css template (or anywhere in that template) :
  

  /* Make a shorter message in postbit_legacy */
  .g_short {
      min-height: auto !important;
      max-height: 350px; /* Custom for your */
      overflow-x: hidden;
      overflow-y: auto;
      padding-right: 10px;
      text-align: justify;
      margin-bottom: 0 !important;
  }
  
  /* move up signature */
  .postbitlegacy .after_content {
      clear: both !important;
  }

• Second Step : edit in postbit.css (Edit Templates -> CSS Templates) :
  Find this code :
  

  /*post bit*/
      ...
      and
      ...
  .postbitlegacy .postrow.has_after_content {
      padding-bottom: 4em;
  }

  Add below and edit code :
  

  /*post bit*/
  .postbitlegacy .after_content {
      clear: right !important;
  }
      ...
      and
      ...
  .postbitlegacy .postrow.has_after_content {
      padding-bottom: 0em !important;
  }

• Third Step : edit in postbit & postbit_legacy template (Edit Templates -> Postbit Templates) :
  The code you will do all same in these templates. Find this code :
  
  PHP Code:

  <div id="post_message_{vb:raw post.postid}">
    <blockquote class="postcontent restore ">
        {vb:raw post.message}
    </blockquote>
</div> 

  Make it same ...
  
  PHP Code:

  <div id="post_message_{vb:raw post.postid}">
    <blockquote class="postcontent restore g_short">
        {vb:raw post.message}
    </blockquote>
</div> 


[FReeSTER]

Sound good but neither of those links work

[BCP Hung]

Originally Posted by FReeSTER

Sound good but neither of those links work

Oh no, they are working. Ok, I uploaded to my hosting.

It look easy and pretty !

[FReeSTER]

man this look great thank you very much

[BCP Hung]

Originally Posted by FReeSTER

man this look great thank you very much

Yeah, I hope everybody like that !
-----------------------------------
Want a some change ? I will update it late in this modification !

[Randomm]

Arggh!!!! This is a tough one to decide...TAGGED!

[BCP Hung]

Originally Posted by Randomm

Arggh!!!! This is a tough one to decide...TAGGED!

Installed men ! Do not difficult !

[BadgerDog]

Just for clarity ... I'm slow ...

So, in essence, this mod adds a browser like sliding bar within a post, for some designated post character count? Therefore, it keeps the reader within the size of postbit, so they scroll inside of the post?

I already use this mod to pull the bottom of the postbit bar up tighter and it works well, so will this mod interfere with it?

How to reduce space in postbit

Finally, I can be dangerous playing around with code, mucking things up. Is this reversible if it doesn't look right on out forums, our if out members don't like it and want it gone?

Thanks for your efforts ... :up:

Regards,
Doug

[BCP Hung]

Originally Posted by BadgerDog

Just for clarity ... I'm slow ...

So, in essence, this mod adds a browser like sliding bar within a post, for some designated post character count? Therefore, it keeps the reader within the size of postbit, so they scroll inside of the post?

Yeah, this is what you think ! I want to make it different, easy for viewer, they do not want to move anymore in that page !

Originally Posted by BadgerDog

I already use this mod to pull the bottom of the postbit bar up tighter and it works well, so will this mod interfere with it?

How to reduce space in postbit

Finally, I can be dangerous playing around with code, mucking things up. Is this reversible if it doesn't look right on out forums, our if out members don't like it and want it gone?

I did refer to some code in that article, I supplemented so that it can work properly with my modification.
If you do not like it, you can remove css code I added, not necessary to remove the postbit (postbit_legacy) template.

[BCP Hung]

Update : new improve code has been updated !

Working better !