Difference between revisions of "BBCode:Tutorial"
|Line 271:||Line 271:|
Revision as of 17:25, 18 September 2020
- 1 The Basics
- 2 Writing Messages in the AoPS Community
- 2.1 The Buttons
- 2.2 Other Tags
BBCode is a way to format text in forum posts. It is in some ways similar to HTML. It uses tags, which are little pieces of code enclosed in brackets, such as [b] to make bold text. For every tag, you need a closing tag too. The closing tag is the same as the opening tag except that it has a / symbol at the front. For example, the tag [/b] is code for "stop making the text bold." There is text between the opening and closing tags, that is the text that is modified by the tags.
For example, If you want to say "I love pizza" and want the word "love" to be in bold, you would type
I [b]love[/b] pizza.
This would create, "I love pizza."
Below are some of the most commonly used BBCode tags around AoPS forums. For a comprehensive list of all BBCode tags, see List of BBCode tags
Writing Messages in the AoPS Community
This is a picture of what you see when you create a topic or post a reply. On very small screens (such as a smartphone) these buttons will not appear, so you will have to type the BBCode in manually.
The Bold Button
The Italics Button
Then you can type in your italicized message:
When you submit, it should look like this:
The Underline Button
When you submit it, it should look like this:
Note: you can also highlight text and then click the underline button.
The Quote Button
When you hit submit, it looks like this:
Or, alternatively, you can say who quoted it:
And you get this:
You can also quote a post by clicking this button in the forum.
You will be taken to a reply page that looks like this:
The Size Button
The button with the three T's is for controlling the font size. You can click on either "Too Small", "Small", "Medium", "Large", or "Too Large" depending on what size you want. After you click on one of them, you should get something like [size=75] and [/size].
The Hide Button
The button embeds text in a little interactive clicky. This is useful if you want your text only visible if the reader wants to see it. For example, if you are answering a math problem, you can hide the text so that you don't give away the answer to someone who doesn't want to know it.
Start by clicking the hide button. You should get [hide] and [/hide]. Then put in your text:
When you submit, you get this:
If you click on the words "Hidden Text", you get this:
Or you can label your hidden text. First, write in the code of the hidden text something like:
[hide=answer]Because 6x=y, and y is 6, then x must be 1.[/hide]
And then submit, you get:
The Code Button
Type in your code:
And it should display:
Notice that the LaTeX code is not rendered; that is, it does not show up as .
If you want a specific color of code do [ code language ][/ code language ] such as [js][/js].
Another way for posting stuff that you don't want to be rendered, is the [verbatim][/verbatim] tags (not implemented on the top BBCode bar in the forums). There will be no grey box that there is when using [code][/code], and it will not automatically placed on it's own line.
The Image Button
The button is for embedding images in posts. If you have this image:
And you want it to show up like this:
Now insert the link to the image. Make sure it is a direct link.
When you submit, you should get the image!
The URL Button
Now type in your URL:
When you submit it, it should be parsed, like this:
Alternatively, if you want a link that goes somewhere but is not actually named the URL, do this:
[url=http://www.aops.com/] Click here.[/url]
There are other things you can do with BBCode that do not have buttons in the AoPS community.
An unordered list is a simple bullet point list. To use it, you simply use the [list] tag. Before each new list item, type [*]. The [*] tag is for a list item. You don't need a closing tag for the [*] tag. For example, typing
- [*] pizza
- [*] pasta
- [*] rice
- [*] io
The BBcode for the following uses the [list] tag. To tell you want a numbered list, type [list=1]. For example, typing,
- Top 6 most important people of all time:
- [*]Richard Rusczyk
- [*]David Patrick
- [*]Isaac Newton
- [*]George Washington
- [*]Thomas Edison
- Top 6 most important people of all time:
- Richard Rusczyk
- David Patrick
- Isaac Newton
- George Washington
- Thomas Edison
Alternatively, if you want to make a lettered list, start with [list=A] or [list=a]. For a roman numeral list, use [list=i] or [list=I].
If you are taking an AoPS programming with a Python class, you may need to post some Python code in the class forum. To do this you use the [python] tags. These tags are like the [code] tags except that they show the python code in colors. For example, typing
- print("hello"+" world")
- print("Hello, world!")
If you want to have a Python renderer in a post in a forum, you can use [pywindow] tags. For example, typing
- print("Hello World!")
yields a code box that can be run and edited.
Main article: AoPS font
Say you want to type the Y symbol on a forum post. You can use the [aops][/aops] tags to create symbols like this. For example, typing
makes the Y symbol. For a guide to how to type other symbols, see the AoPS font page.
If you wish to have a line that spans the entire width of the page, you can use the [rule] tag. For example, try typing
The Strike Through tag looks like this:
The Math tag looks like this: