"Colorful" Forum Posts

General Chat
1

Hi all,

I’m still relatively new to the forums, and I keep seeing people pose these very “colorful” forum posts (see below image for an example).

image
image959×109 5.28 KB

I would like to know how to make a post with the yellow and red backdrop above since it looks pretty nice and I couldn’t find any documentation on it online. Any help would be greatly appreciated, thanks!

2

You’ll need to use CSS formatting to do so - it’ll take a while to learn, and quite a bit more time to truly master, but once you do, you’ll garner even more likes than you otherwise would have for having made some more attractive posts.

1 Like
3

It’s HTML. For the background and its border you do something like this (don’t mind the highlighted “errors”, my system language is Polish and it doesn’t recognise most English words lmao):

image

If you want for stuff to be in the middle you do:
image

And this is an example of edited text:
image

You can find HTML/CSS tutorials pretty much everywhere.
Good luck and have fun I guess.

This is how this whole reply looks like behind the scenes:

image
image676×527 17.7 KB

7 Likes
4

Thanks a ton you two! I’ll have to do some more research then lol.

5

Also you can just peek the formatting construction of any post by just starting a reply to it and clicking the first option on the top bar, which quotes the entire post you’re replying to.

And I highly recommend using relative dimensions (most commonly %) instead of pixels, as it works better on different screens. People can view your posts on widths ranging from 720 pixels to 3840 pixels and beyond in both directions.

Oh, and not all CSS works here on Discourse, so you’ll have to experiment a bit anyway (unless using proven solutions from someone else).

2 Likes