Discuss Scratch

Ihatr
Scratcher
1000+ posts

Guide to BBCode [New]

The old topic by @nXIII has outdated information, so I revived this topic with up-to-date info. Huge thanks to them as they basically made the whole layout of this topic.

What is BBCode?

BBCode is a markup language that can be used to format posts. It can be used by simply typing the tags, or by using the toolbar found above the message. BBCode transfers a simple post with plain text, to a dynamic one with tons of cool advantages. The tags function in brackets, like [tag] stuff [/tag]. In this guide, I'll show you how to use BBCode to format your posts!

Formatting Text


[b] — bold text (Ctrl+B)
This tag makes text bold. Often used to add emphasis or make small headings.
[b]example phrase[/b] —> example phrase

[i] — italic text (Ctrl+I)
This tag 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)
This tag adds a line below text. Use sparingly, as underlined text can often be confused with links.
[u]example phrase[/u] —> example phrase

[color=color] — colored text
This tag changes the color of text. You can use color names (ex: blue), or hex codes as the color. See here for a full list of color names, and here for a color picker that will generate hex values for you.
[color=red]example phrase[/color] —> example phrase
[color=#a5d]example phrase[/color] —> example phrase

[s] — struck-through text (Ctrl+S)
This tag adds a line through text. You can use it to mark deletions in posts.
[s]example phrase[/s] —> example phrase

[big] — big text
This tag makes text big. It's often used for headers. Make sure you don't use it when it's not needed, because it can be very annoying.
[big]example phrase[/big] —> example phrase

[small] — small text
This tag makes text small. You can use it for subtle remarks in posts.
[small]example phrase[/small] —> example phrase

Formatting Links


[url] — link (Ctrl+L)
This tag 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

Images

Note: If you are new to the forums (a New Scratcher), you won't be able to post links and images. Once you become a Scratcher, the ability to post images will be turned on automatically. Read this topic to learn about how to become a scratcher

[img] — image (Ctrl+P)
This tag adds an image to the post. 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 (ex: 1).

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

Produces:

  1. lather
  2. rinse
  3. repeat



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
This tag adds a quote box. You can specify author of the post with [quote=author].
[quote]Example quote[/quote] —>
Example quote
[quote=Someone]Example quote[/quote] —>

Someone wrote:

Example quote

Scratchblocks

Note: Don't use this tag to spam in topics, as it can be annoying. If you want to test it out, do so in the official testing topic here
This is a BBCode plugin that can be used to visualize scratchblocks. There's a really helpful iTopic here if you want to know more about them.
[scratchblocks]when green flag clicked[/scratchblocks] —>
when green flag clicked


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
This tag adds block of code.
[code]example[/code] —>
example

[code=language] — source code
This tag 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!');

External link tags

[wiki] — Scratch Wiki article link
This tag adds a link to a Scratch Wiki article.
[wiki]Scratch (programming language)[/wiki] —> Scratch (programming language)

[wp] — Wikipedia article link
This tag adds a link to a wikipedia article.
[wp]Scratch (programming language)[/wp] —> Scratch (programming language)

[google] — Google search link
This tag adds a link to a Google search for a term.
[google]Scratch[/google] —> Scratch

[dictionary] — dictionary link
This tag adds a link to a dictionary definition of a word.
[dictionary]imagine[/dictionary] —> imagine

BBCode buttons.



Other BBCode Information


You can use [dict] as a shortcut for [dictionary].

Text in brackets will confuse the BBCode parser—it thinks it's a tag, which hides the brackets and the text in them. You can put [] inside the brackets to prevent this from happening:
some [example] text —> some text
some [[]example] text —> some [example] text

You can nest tags to apply more than one kind of formatting to a region of text.
[b][i]example phrase[/i][/b] —> example phrase

Conclusion

That's the end! Now you know BBCode, and you can format your posts in awesome ways!

Credits

This guide was created by nxIII, refurbished by Ihatr, and edited by DancingNekoGirl and Nezon
Previous Topic by @nXIII
GachaN0nsense
Scratcher
500+ posts

Guide to BBCode [New]

reporting to be stickied- wait do you have perm from original owner to take over?
Za-Chary
Scratcher
1000+ posts

Guide to BBCode [New]

I'm confused. There isn't currently a sticky about this sort of thing. What topic are you aiming to recreate?

Also please be aware that we are not currently accepting guides on the forums at the moment…
Ihatr
Scratcher
1000+ posts

Guide to BBCode [New]

Za-Chary wrote:

I'm confused. There isn't currently a sticky about this sort of thing. What topic are you aiming to recreate?

Also please be aware that we are not currently accepting guides on the forums at the moment…
#1: This iTopic.
#2: I'm aware of this rule, but this is recreating a guide, which may be different. If that still falls under the “no guides” rule, then you can close this
Ihatr
Scratcher
1000+ posts

Guide to BBCode [New]

GachaN0nsense wrote:

reporting to be stickied- wait do you have perm from original owner to take over?
Report it to be iTopic'ed, not stickied.
The original owner is inactive.
Za-Chary
Scratcher
1000+ posts

Guide to BBCode [New]

Ihatr wrote:

#1: This iTopic.
#2: I'm aware of this rule, but this is recreating a guide, which may be different. If that still falls under the “no guides” rule, then you can close this
Ah, okay. Regardless, I believe this still falls under the “no guides moratorium” — otherwise we would just have lots of users creating guides under the guise that they would want them “iTopic'd.” I will be closing this thread.

Such a document could be helpful, though — maybe make a project about it?

Last edited by Za-Chary (Nov. 12, 2020 01:06:51)

Powered by DjangoBB