ozzy47
04-03-2014, 10:00 PM
Another mod brought to you by,
https://vborg.vbsupport.ru/external/2015/01/1.png
As some of you know, when someone quotes a post, sometimes they are long posts. This can make the post hard to read, and IMO, not look as good as it can.
Sure you could limit the characters of the quote one way or another, but this is not the best approach. Someone may actually want to see all the quoted text in the post.
So I have come up with the solution, of adding a scroll bar in the quote bubble. This way you can keep the post looking neat, with out loosing functionality. So here we go wit the tutorial.
Take for example this post, [OzzModz] Classifieds (https://vborg.vbsupport.ru/showthread.php?t=304635)
Now if someone were to quote that, and reply something like, " Thanks for sharing Ozzy. " the post would look bad, because the amount of info in the quote would overwhelm the reply.
So what you can do is go to your ACP --> Styles & Templates --> Style Manager, then choose Edit Templates for your style.
Now in the scroll box find, CSS Templates, then double click on that, then find css_additional.css and double click on that.
Once inside that template, paste the following code at the very end of the template, below everything else:
/* Start scroll bar in quotes */
.bbcode_container .bbcode_quote .message {
max-height:300px;
width:auto;
overflow:auto;
}
/* End scroll bar in quotes */
Then click on the Save button. This will have to be done for each of your styles. :)
Now when someone quotes a post that is longer that 300px high, it will add a scroll bar inside the quote bubble. This allows anyone viewing the post, to be able to still see all the original quoted text, but without making the post longer than it needs to be. In the attached image, is this post quoted, [OzzModz] Classifieds (https://vborg.vbsupport.ru/showthread.php?t=304635) but as you can see, it is much shorter.
https://vborg.vbsupport.ru/external/2015/01/1.png
As some of you know, when someone quotes a post, sometimes they are long posts. This can make the post hard to read, and IMO, not look as good as it can.
Sure you could limit the characters of the quote one way or another, but this is not the best approach. Someone may actually want to see all the quoted text in the post.
So I have come up with the solution, of adding a scroll bar in the quote bubble. This way you can keep the post looking neat, with out loosing functionality. So here we go wit the tutorial.
Take for example this post, [OzzModz] Classifieds (https://vborg.vbsupport.ru/showthread.php?t=304635)
Now if someone were to quote that, and reply something like, " Thanks for sharing Ozzy. " the post would look bad, because the amount of info in the quote would overwhelm the reply.
So what you can do is go to your ACP --> Styles & Templates --> Style Manager, then choose Edit Templates for your style.
Now in the scroll box find, CSS Templates, then double click on that, then find css_additional.css and double click on that.
Once inside that template, paste the following code at the very end of the template, below everything else:
/* Start scroll bar in quotes */
.bbcode_container .bbcode_quote .message {
max-height:300px;
width:auto;
overflow:auto;
}
/* End scroll bar in quotes */
Then click on the Save button. This will have to be done for each of your styles. :)
Now when someone quotes a post that is longer that 300px high, it will add a scroll bar inside the quote bubble. This allows anyone viewing the post, to be able to still see all the original quoted text, but without making the post longer than it needs to be. In the attached image, is this post quoted, [OzzModz] Classifieds (https://vborg.vbsupport.ru/showthread.php?t=304635) but as you can see, it is much shorter.