Dress up your posts with Infoboxes! From this discussion Simple pure CSS solution to add bling to topic contents. Create a Theme component and add this to “CSS Common”. First draft fully usable. Currently java free. Though I am sure could be cleaner and likely enhanced with some Java script. ▶ …

Use this code in posts for bgcolor boxes: [Wrap="redboxbg"] > Infobox Testing boxed [/wrap] New background color Options Substitute “red” with: “green”, “blue”, “yellow”, “brown”, “orange”, “purple”, “pink”, “cyan”., “grey”. Added blank box Color background. Grey border. ▶ Screenshot Mobile ▶ …

Thanks for taking the lead on this! Could this appear on the side of topics, like how infoboxes typically appear on the right side? Looks like the example I originally gave for Obsidian required a Multi-Column Markdown plugin as a prerequisite. Discourse’s built-in table CSS is not so bad other t…

Doing some testing. Looks like maybe a wrap bbcode cannot have another wrapbbcode within. If you have one of the bbcode plugins installed you could likely use float bbcodes. There is likely a way to put a switch maybe. Alternatively extra copies could be made adding if I understand correctly usi…

[image] Hazen Ellwood: appear on the side of topics For that you need a solution like this: [image] Discourse Bars beers cocktail (a sidebar framework) Theme component eyeglasses Overview A Theme Component that allows you to lay out Components [1] on top…

Okay have manage to test support for 2 columns. The code is still pretty basic/primitive. The code ATM only has float options for Redbox. // Testing float div[data-wrap="redboxfl"]{ margin-top: 0.15em; margin-bottom: 0.15em; //* float: left; margin-right: 0.10em; wi…

Code for 2 Columns Add to mobile &or desktop for 2 column. ▶ Code Code to use in post: [Wrap="Redbox" float="left"] > #Infobox float Text below [/Wrap] Substitute “redbox” with appropriate box. Float= “left” or “right”. Use “>” after last box. ie [Wrap="Redbox" float="left"] > #Infobox flo…

Updated Common CSS ▶ Code What’s new? Added “h1 to h6” customizations. No longer need to use “>” to highlight headers. adjusted border thickness. Fixed added grey with pink border. changed “box” from grey border to none to use as a blank box container. greybox has grey border. Still need to adjust…

Bbcode Infoboxes

Development

merefield (Robert) August 26, 2024, 8:43am 5

For that you need a solution like this:

See an example here: Discourse AI Topic Summary 🤖

Topic		Replies	Views
Templates for Wikis (especially an Infobox Object) Feature wiki-posts	2	173	August 26, 2024
Discourse Bars :beers: :cocktail: (a sidebar framework) Theme component	68	4833	February 22, 2026
FKB Pro - Social theme Theme	468	30802	April 17, 2026
Graceful Theme Theme official , graceful-theme	58	45515	September 25, 2025
Select-kit is completely missing Support	10	647	July 27, 2022

Bbcode Infoboxes

Related topics