Discuss Scratch

Rosics
Scratcher
1000+ posts

The Official BBCode Guide 3.0

The Official BBCode Guide 3.0
BBCode allows you to add formatting to your posts on this forum. It uses tags (marked by square brackets ([])), which you can type by hand or add using the toolbar at the top of the post editor. This guide offers a short introduction as well as a reference source for BBCode on the Scratch Forums.




Basic Text Features
These tags allow you to style text.


[b] bold text (Ctrl+B/Cmd+B)
Makes text bold. Often used to add emphasis or make small headings.
[b]example phrase[/b] = example phrase

[i] italic text (Ctrl+I//Cmd+I)
Makes text italic. Often used to add emphasis or mark the titles of books or other works.
[i]example phrase[/i] = example phrase

[u] underlined text (Ctrl+U/Cmd+U)
Adds a line below text. Use sparingly, as underlined text can often be confused with links.
[u]example phrase[/u] = example phrase

[s] struck-through text (Ctrl+S/Cmd+S)
Adds a line through text. Often used to mark deletions or alterations in posts.
[s]example phrase[/s] = example phrase

More Advanced Text Features
These tags allow you to size and color text.


[color=color] colored text
Changes the color of text. See here for a full list of color names, and here for a color picker that will generate color codes for you.
[color=red]example phrase[/color] = example phrase
[color=blue]example phrase[/color] = example phrase
[color=#a5d]example phrase[/color] = example phrase

[big] big text
Makes text big. Often used for headers. Use sparingly, as a lot of large text can be annoying.
[big]example phrase[/big] = example phrase

[small] small text
Makes text small. Often used in signatures.
[small]example phrase[/small] = example phrase
Tip:
You can make small caps like this:
HELLO WORLD!

Links
Most links will automatically be hyperlinked. For example, http://www.google.com/ = http://www.google.com/. You can also use the [url] tag or a shortcut link tag (like [wiki] or [dict]).


Note: If you are new to the forums (a New Scratcher), you may not be able to post links and images. If you are active on the main site and the forums for a while you will become a Scratcher and be able to post links and images.

[url] link (Ctrl+L)
Adds a link. You can specify a link location or use the text of the link.
[url]http://www.google.com/[/url] = http://www.google.com/
[url=http://www.google.com/]Google[/url] = Google

[wiki] Scratch Wiki article link
Adds a link to a Scratch Wiki article.
[wiki]Scratch (programming language)[/wiki] = Scratch (programming language)

[wp] Wikipedia article link
Adds a link to a wikipedia article.
[wp]Scratch (programming language)[/wp] = Scratch (programming language)

[google] Google search link
Adds a link to a Google search for a term.
[google]Scratch[/google] = Scratch

[dictionary] dictionary link
Adds a link to a dictionary definition of a word.
[dictionary]imagine[/dictionary] = imagine

Tip: You can use [dict] as a shortcut for [dictionary]
[dict]share[/dict] = share

Images
Note: If you are new to the forums (a New Scratcher), you may not be able to post links and images. If you are active on the main site and the forums for a while you will become a Scratcher and be able to post links and images.


[img] image (Ctrl+P)
Adds an image. Images must be hosted on one of the following sites:
[img]http://scratch.mit.edu/scratchr2/static/images/logo_sm.png[/img]

Lists
These tags allow you to add both ordered (marked with 1, 2, 3) and unordered (marked with a bullet “*” or other character) lists to your posts.

[list] unordered list
Adds an unordered list.

[list]
[*]imagine
[*]program
[*]share
[/list]
Produces:
  • imagine
  • program
  • share
[list=symbol] ordered list
Adds an ordered list. Symbol specifies the starting symbol (1 or a).

[list=1]
[*]lather
[*]rinse
[*]repeat
[/list]

Produces:

  1. lather
  2. rinse
  3. repeat

Anything ordered with a, b, c, fans, it no longer works, it will default to 1,2,3.

Emoticons to Emojis
Some emoticons will be automatically be converted to images.

:) =
:| =
:( =
:D =
:o =
;) =
:/ =
:P =
:lol: =
:mad: =
:rolleyes: =
:cool: =

Quotes

You can click the Quote button on any post to automatically add the quote BBCode to your post, or manually add the quote using the [quote] tag.

[quote] quote box
Adds a quote box. You can specify an author with [quote=author].
[quote]Example quote[/quote] =
Example quote
[quote=Someone]Example quote[/quote] =

Someone wrote:

Example quote

PROTIP: “=” is not required (e.g. [quote someone]hello[/quote])

Code
You can use the [code] tag to display sections of code in a monospaced font. Tags within the [code] tag (other than [/code]) will not have any effect.

[code] source code
Adds block of code.
[code]example[/code]
example

[code=language] source code
Adds block of code with syntax highlighting. You can use any of the languages supported by pygments. See here for a full list.

[code=javascript]alert('imagine, program, share!');[/code]
alert('imagine, program, share!');

Scratchblocks
You can write your own scratchblocks in the forums!

[scratchblocks]
When Green Flag Clicked
Move () steps
[/scratchblocks]

when green flag clicked
move () steps

Tip:
You can write

[scratchblocks]
When green flag clicked :: motion
Turn left () degrees :: event
[/scratchblocks]

to change the colors of the blocks:

When green flag clicked ::motion
Move () steps :: events

Topic Related to Scratchblocks

Last edited by Rosics (Oct. 30, 2025 13:45:57)

Rosics
Scratcher
1000+ posts

The Official BBCode Guide 3.0

Reserved
Rosics
Scratcher
1000+ posts

The Official BBCode Guide 3.0

Reserved
Rosics
Scratcher
1000+ posts

The Official BBCode Guide 3.0

Reserved
Rosics
Scratcher
1000+ posts

The Official BBCode Guide 3.0

Reserved
Imtwentytenth
Scratcher
500+ posts

The Official BBCode Guide 3.0

Cool an updated guide
Wait but where's the 2.0 guide?

Last edited by Imtwentytenth (Oct. 29, 2025 17:08:07)

ametrine_
Scratcher
1000+ posts

The Official BBCode Guide 3.0

nvm

Last edited by ametrine_ (Oct. 29, 2025 17:16:25)

82BITMYSTERY
Scratcher
500+ posts

The Official BBCode Guide 3.0

Imtwentytenth wrote:

Cool an updated guide
Wait but where's the 2.0 guide?
You can access the 2.0 guide by clicking here.

Foxofpeace
Scratcher
100+ posts

The Official BBCode Guide 3.0

tips for bbcode (unfinished):
~ use #FFFFFF or white text for spoiler hiding, as white text can only be seen when highlighted (for example: this)
~ when making hacked block representations or making your own blocks, please keep in mind that you have to manually color your blocks like this: :: motion, or else your blocks will look like strawberries

Last edited by Foxofpeace (Nov. 1, 2025 22:59:54)

unconstructable13
Scratcher
100+ posts

The Official BBCode Guide 3.0

congrats on the sticky
Create-Scratch101
Scratcher
500+ posts

The Official BBCode Guide 3.0

This is my official note of approval.

also make it smaller

Last edited by Create-Scratch101 (Nov. 6, 2025 19:27:27)

Powered by DjangoBB