Decorating your posts
ʚ⸻●⸻ʚ
( I've just discovered all the forums markdowns and special symbols that will make your post look alot cleaner )
> ### [ • ] Why should we decorate our post?
Decorating your post will make it easier to understand, and it will make your post more clean! especially if you are creating a tutorial or sharing your creation.
> ### [ • ] Using Special Symbols
Here are few links from where you can get these symbols.
* CoolText - [cooltext.top/deco](https://cooltext.top/deco)
* Messletters - [messletters.com/en/symbols](https://www.messletters.com/en/symbols/)
* Cool symbols - [coolsymbol.com](https://coolsymbol.com/)
You even can use your alt keys to get these special symbols!
You have to press `Alt`+`Numpad_Key`,, to get the various symbols, if you are wondering what key gives what symbol or on phone then you can visit this [website](https://www.alt-codes.net/)
> ### [ • ] Using lists
Using list while explaining something will make your post look cleaner and easier to understand.
**For example:**
How to enable Http Requests?
First, publish your experience then follow the steps below:
* In studio, go to ` Home ` tab.
* Click on `Game Settings`
* In game settings, click on `Security`
* Then turn on the `Allow HTTP Requests` option.
To make an list, either click on the  or type `*` or `1` in front of your word.
> ### [ • ] Using quotes
Quotes help alot decorating multiple sections in your post, just like this one.
To create a quote you can click on  or can type `[quote] [/quote]`
> ### [ • ] Using hr
`Hr` stands for horizontal ruler in [HTML](https://www.w3schools.com/tags/tag_hr.asp), this also helps in dividing sections in your posts!
Achieving a horizontal ruler in your post, just simply do `
`. Closing tag is not required.
> ### [ • ] Aligning your text/image
You have seen multiple posts that have images or text at center.
Just like this one, heres an example below.
> Hey I am the center text!
How you can achieve that?
Well its easy, you only have to do `
`, you can include anything in between the div tag! a heading, an image literary anything!
If you want to make your text/image float to right like below
> hi
then you can do `
`, if well devforum already makes your text align to left so you dont need to worry for that, just in case if you are wondering how to do it then you can change `align = "right"` to `align = "left"`.
> ### [ • ] Using codeblocks
The codeblocks I know that roblox supports are
`lua`, `diff`, `javascript`, `python`, if you want more then you can check this [github](https://gist.github.com/matthewzring/9f7bbfd102003963f9be7dbcf7d40e51) post.
#### Using diff:
> 
```diff
+ I am positive!
- I am negative.
*** Italic
--- Italic again
```
#### Using lua:
> 
```lua
local name : string = "ROBLOX"
local age : number = 16
print("Hi! I am "..name.." and I am "..age.." years old.")
```
#### Using Javascript:
> 
```javascript
const hello = "world"
var numbers = 1234
let abc = "alphabets"
console.log(`Hello ${hello}, numbers: ${numbers}, abc are ${abc}`)
```
#### Using python:
> 
```python
name = "Roblox"
print(name)
```
> ### [ • ] Using headings
Headings are very useful, in html the heading tag is `h`. Headings includes 6 types.
`1` is the largest and `6` is the smallest.
You can do `` to get the largest heading or `` to get the smallest heading, you even can do `,,,` but this tag requires close tag. ` Text
`
If you want an easy way then you can use `#`
the number of hashtags determines the number of heading, example `# This is the largest heading`, `###### This is the smallest heading (6th heading)`
Example:
1st heading
2nd heading
3rd heading
4th heading
5th heading
6th heading
> ### [ • ] Using spoilers
You can get a spoiler by clicking  after clicking the cog (settings) icon.
or you can simply use `[spoiler] Text here [/spoiler]`
[spoiler]Hey there I am a spoiler![/spoiler]
> ### [ • ] Using tables
Tables can help you in various different ways!
using a table, example below is player list example in a roblox game.
```
|Player|Level|Cash|
|-|-|-|
|Synitx|8|4219|
|ROBLOX|9|1009|
```
Output:
|Player|Level|Cash|
|-|-|-|
|Synitx|8|4219|
|ROBLOX|9|1009|
A simple to-do list.
|Tasks|Status
|-|-|-|
|Buy robux|  |
|Give robux| |
If you want to use html to make table then its possible!
you can learn more about html tables [here](https://www.w3schools.com/html/html_tables.asp)
> ### [ • ] Changing an image size
when you upload an image you might see  as your image url, seeing those numbers?  yeah these! these are the size in px (pixels) change them to make your image big/small.
the format goes by `width x height` (`wxh`).
If you want to change an image size through % (percentage) you can add `, percentage%` after the size that is in pixels
Example:
```
```
So the size is 15% of the `500x500`.
Output:
> ### [ • ] Using sub,sup and kbd
I am sub, I am sup and I am a key
**Sub tag**
```
message
```
**Sup tag**
```
message
```
**Kbd tag**
```
message
```
> ### [ • ] Adding a popup to your text
Hover me
```
text here
```
> ### [ • ] Text tricks
I am a highlight
```html
I am a highlight
```
I am a light highlight
```html
I am a light highlight
```
I am a red highlight
```html
I am a red highlight
```
Lol different font
```html
Lol different font
```
Alright! that’s the end of this guide, I know there alot of more things that I’ve missed.
I am giving few links from where you can learn more about these stuff.
[Markdowns](https://commonmark.org/help/)
[Discourse guide](https://forum.digikey.com/t/an-unofficial-discourse-user-reference-guide/1125) ( **Recommended** )
The `Discourse guide` post explains more than my post but few of the features wont work because roblox havent added those plugins in this forum, but you should check them out.
If you wish to get the raw text of any post in devforum you can easily do
`http://devforum.roblox.com/raw/{topicid}/{postid}`
> ### Getting post and topic id
You can get the topic id from the url:
`https://devforum.roblox.com/t/a-guide-to-decorate-your-posts-in-forum/1762987` those numbers in the end  is the topic id.
The post id is basically the number of the post
> **Tip**:
Did you know? You can use variables to store image urls.
Example: [variable-name]: url_here
Do `![image|sizexsize][variable-name]`
[details="Magic"]
![image|433x69][link]
[link]:upload://xPvQqUs3W7rXYrtzpKQdruowb4o.png
Souce:
```
![image|433x69][link]
[link]:upload://xPvQqUs3W7rXYrtzpKQdruowb4o.png
```
[/details]
Click [here](https://devforum.roblox.com/raw/1762987/1) to get this post source
Also If this post was helpful to you then please click the  , the button feels so empty inside click it to fill it up!