[Suggestion] Add infobox and scroll BB code?

Rohan

Legendary Shinobi 🐸
Supreme
Joined
Mar 10, 2014
Messages
24,320
Reaction score
4,102
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's iconVersuvio

The Founder
Immortal
Joined
Apr 25, 2008
Messages
119,901
Reaction score
5,153
@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?"
 

Rohan

Legendary Shinobi 🐸
Supreme
Joined
Mar 10, 2014
Messages
24,320
Reaction score
4,102
[INFOBOX]Hello,I am here.[/INFOBOX]


Post automatically merged:

@Versuvio How do I add a title to the infobox here?
 

Kajime Kazuhiro

Genin-in-Training 💥
Elite
Joined
Oct 28, 2018
Messages
187
Reaction score
108
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
 

Bellion

Kage in the Making 👑
Legendary
Joined
Mar 10, 2014
Messages
12,555
Reaction score
891
For more information, check out the Help pages. I've inserted some examples there. :)
Honestly man, thank you for the link. It will be a lot easier when making our bios. I was really struggling trying to figure out which codes did and didn't work.
 
Top