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> 


[BCP Hung]

The final code has been updated. I won't continue update.

Thanks for use,
Getamped 1404.

[FReeSTER]

thank yoiu great mod

[BCP Hung]

You're welcome, and thank you for using my modification.
Also, you can check my other modifications via a link in signature !

[RSNF]

Trying to see the demo but links not working any ideas?

[FReeSTER]

Originally Posted by RSNF

Trying to see the demo but links not working any ideas?

It just add a scroll bar inside the post for the dimension you choose in this case is set as default 350 pixels. So post actually longer then that will show a scroll bar on the side to scroll down into the post making the post much shorter.

[hanhdn]

demo die

[BCP Hung]

Originally Posted by RSNF

Trying to see the demo but links not working any ideas?

Originally Posted by hanhdn

demo die

New link demo updated !

Thanks,
Getamped 1404.

[OldSchoolDSL]

Installed and working

4.1.8

[Scanu]

Great! My congratulations! Tagged for later