Invision Community 4: SEO, prepare for v5 and dormant account notifications By Matt Monday at 02:04 PM
Jonstar Posted January 21, 2023 Posted January 21, 2023 I saw this on a forum in a post, is it bbcode or plugin? If anyone knows how I could make a text like this on my forum, please and thank you. it's not a picture they added to the forum, it's a text divbox or something. Eg:
Jim M Posted January 21, 2023 Posted January 21, 2023 Without context, I would say it's just custom HTML/CSS they added. Rather basic but would be outside our scope of support so I will move this to our Community Support forum.
Randy Calvert Posted January 21, 2023 Posted January 21, 2023 They may have also created a custom button in the editor that lets them style it that way. ACP > Customization > Editor > Toolbars Click on Custom.
Luuuk Posted January 22, 2023 Posted January 22, 2023 @Jonstar I have plenty of such "div" buttons created on my forum. Roughly mimicking the effect from your screenshot: 1. ACP > Customization > Editor > Toolbars > Add Button > Custom > HTML: <br><div class='unique_name'>{content}</div><br> unique_name = replace by something characteristic. 2. ACP > Customization > Themes > select Edit HTML/CSS for your theme > add to custom.css: .unique_name { padding: 10px; background: linear-gradient(90deg, rgba(237,190,52,1) 0%, rgba(255,255,255,1) 100%); border-radius: 2px; color: #5a4d0f; font-weight: bold; } Of course, you can change colors, fonts and add many more CSS effects. The fading effect can be easily created by CSS Gradient generator.
Recommended Posts