# Bbcode Infoboxes **URL:** https://meta.discourse.org/t/bbcode-infoboxes/323332 **Category:** Development **Tags:** css **Created:** [August 26, 2024, 12:53am UTC](https://meta.discourse.org/t/bbcode-infoboxes/323332 "2024-08-26T00:53:10Z") **Posts on this page:** 1 **Showing post:** 2
### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge) #### Post date: [August 26, 2024, 1:05am UTC](https://meta.discourse.org/t/bbcode-infoboxes/323332/2 "2024-08-26T01:05:00Z")
Use this code in posts for bgcolor boxes: ```plaintext [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** > > ![There is a colorful display with text boxes that likely represent different categories or purposes. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/6/8/6/6866e812c631a7c6a422215255aa28cbcf12f387.png) > > * * * > **Screenshot Mobile 2** > > ![The image displays a mobile phone interface with a list of test boxes, including information and testing text boxes, with a blue and white color scheme. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/0/7/a/07a6189fcc8f27c71c14a9756c55764fc7f81293.png) > > ![The image displays a futuristic robot head, accompanied by the text "Testing text boxes" and a prompt for the user to "Testing text below. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/0/b/a/0bac131b4f467c7e6855ea41fa9750c8da387e5b.png) - “grey”, “grey#” #=0-9. \*All grey backgrounds, grey border, **Border** colour 1 red , 2 green , 3 blue, 4 yellow , 5 Brown, 6 Orange, 7 Purple, 8 Magenta, 9 Pink, 0 Cyan _(Op Code updated)_ > **Screenshot Mobile** > > ![This is a screenshot of a user interface showing a testing box labeled "Picture" with a mechanical robot head as the image underneath. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/b/7/f/b7f0d035d83e6af5612e3edc7780aa3aa5b7cacc.png) > > ![This image displays a dropdown menu with four different boxes, each representing a different type of test. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/0/5/b/05bdb4139fbb59ed3167b8b22b6e83bf9cba6450.png) > **Screenshot Mobile 2** > > ![The image shows a list of six different testing box options, each with its own color code and a label for its function. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/6/7/4/674d504ed15332225eec59b9362d80ba53c0ce65.png) > > ![This is a screenshot of an information box with a placeholder text for the content. (Captioned by AI)](https://global.discourse-cdn.com/meta/original/4X/f/c/2/fc272b4f25cd886e898e176b2dfd3baac03cd6f5.png) This could be both a standalone component or maybe also added to [Coloured Text TC](https://meta.discourse.org/t/discourse-coloured-text/218111). - Restricting what colours can be used helps keep these clean. * * * ## TODO: - ~~Add options for Orange, Brown, Purple, & Pink, Magenta, Cyan~~ Complete code updated Op post - Maybe make code prettier with feedback. - Create GitHub account. Learn adding settings for customizing border &?.. Publish eventually as a TC. --- _[View the full topic](https://meta.discourse.org/t/bbcode-infoboxes/323332)._