( 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
- Messletters - messletters.com/en/symbols
- Cool symbols - 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
[ • ] 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, this also helps in dividing sections in your posts!
Achieving a horizontal ruler in your post, just simply do <hr>
. 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 <div align="center"> </div>
, 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 <div align="right"> </div>
, 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 post.
Using diff:
+ I am positive!
- I am negative.
*** Italic
--- Italic again
Using lua:
local name : string = "ROBLOX"
local age : number = 16
print("Hi! I am "..name.." and I am "..age.." years old.")
Using Javascript:
const hello = "world"
var numbers = 1234
let abc = "alphabets"
console.log(`Hello ${hello}, numbers: ${numbers}, abc are ${abc}`)
Using 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 <h1>
to get the largest heading or <h6>
to get the smallest heading, you even can do <h2>,<h3>,<h4>,<h5>
but this tag requires close tag. <h1> Text </h1>
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]
Hey there I am a spoiler!
[ • ] Using tables
|Player|Level|Cash|
|-|-|-|
|Synitx|8|4219|
|ROBLOX|9|1009|
Output:
Player | Level | Cash |
---|---|---|
Synitx | 8 | 4219 |
ROBLOX | 9 | 1009 |
A simple to-do list.
If you want to use html to make table then its possible!
you can learn more about html tables here
[ • ] 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:
![image|500x500,15%](upload://mu9m9RGvbuZXXMQCPYEmZxE2vHt.png)
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
<sub> message </sub>
Sup tag
<sup> message </sup>
Kbd tag
<kbd> message </kbd>
[ • ] Adding a popup to your text
Hover me
<abbr title = "your title here"> text here </abbr>
[ • ] Text tricks
I am a highlight
<mark> I am a highlight </mark>
I am a light highlight
<ins> I am a light highlight </ins>
I am a red highlight
<del>I am a red highlight</del>
Lol different font
<pre>Lol different font</pre>
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
Discourse guide ( 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]
Magic
Souce:
![image|433x69][link]
[link]:upload://xPvQqUs3W7rXYrtzpKQdruowb4o.png
Click here 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!