[Suggestion] Add infobox and scroll BB code?

Rohan

Active member
Supreme
Joined
Mar 10, 2014
Messages
23,835
Kin
1,027💸
Kumi
1,522💴
Trait Points
0⚔️
Can add infobox bbcode and scroll bbcode be added?
[ INFOBOX=option ] - Information Box [ /INFOBOX ][ INFOBOX=option ]​
A box with heading which makes information look prettier.​
[ infobox=Lorem Ipsum ]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[ /infobox ][ /infobox ]​
[ infobox=Lorem Ipsum ]
[ CONTAINER ] - Container
A transparent container which will automatically overflow if the content is wider than the page or larger than 600px in height.​
[ CONTAINER ]This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.[ /CONTAINER ]​
Basically it will be a box which will have a scrollbar and a title. This will allow a lot of text content to fit in a small space (Because of the scrollbar) and the use of a spoiler is not needed to contain the massive amount of text.​

[ /infobox ]​
[ INFOBOX=option ]

Here is an example of it in use:-

You must be registered for see images
[/infobox]
 
Last edited by a moderator:

Versuvio

Immortal
Joined
Apr 25, 2008
Messages
119,758
Kin
58💸
Kumi
272💴
Trait Points
0⚔️
@Rohan, I've tried to create the BBcode and the necessary CSS code. Can you please confirm if this is what you would expect from the BBcode? We will then take it into production by adding it into the editor.


Infobox example:
Title of your box
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

You must be registered to see images



End of main info box



Container example

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"
 

Kajime Kazuhiro

Active member
Elite
Joined
Oct 28, 2018
Messages
190
Kin
165💸
Kumi
1,774💴
Trait Points
0⚔️
Awards
yeah, you just need to add an equal sign and your title enclosed using quotations, on the opening INFOBOX tag, like so:
Code:
[INFOBOX="I am Title"]I am text[/INFOBOX]
Here's a pic for clarity of the end result:
You must be registered to see images
 
Top