Basic BBCode - Updated!


(gg2ez) #1

Hello! Welcome to gg2ez’s “BBCode basics” guide. In this guide I will (hopefully) be teaching you how to use some easy BBCode.

So what is BBCode?

BBCode is a markup language that is commonly used on forums (like this) to format posts. If you’re reading this on the desktop version of the DB Forums, when you go to post a comment you should see under the text input box the words: “You can use BBCode in your post”. Currently, I believe the default format for the mobile version of the DB Forums is “TextEx” by default but that’s a post for another time. You can find the Wikipedia article on BBCode by clicking “here”.

Let’s get started!

OK, so here are the most common uses of BBCode.

Let’s cover each if these individually.

Hyperlinks

In order to use Hyperlinks, you must use:

[insert text here](insert URL here)

If used correctly, it should turn out like this: Click here.

Text flavour

In order to use text flavour you should use:
Bold:

[b]insert text here[/b]

Italic:

[i]insert text here[/i]

Slashed:

[s]insert text here[/s]

There are buttons in the hotbar above the text box that will lay down the tags for you.

Text colour
In order to change the colour of your text, you must use the tags:

[color=insert color here]insert text here

You can find a list of colours here: click

Images

To post images you must use the assigned tags and the image’s URL. The tags are as follows:

insert URL here

Videos

There are two basic types of videos you can post with BBCode. You must use the assigned tags and the video ID.
YouTube:


https://www.youtube.com/watch?v=insert ID here

Google Videos:

[gvideo]insert ID here[/gvideo]

Lists

Lists are your greatest ally when trying to prove your point. If you have a list of arguments you want to post, a list is what you need! Lists are a bit trickier to do than the previously displayed techniques because it involves the use of 3+ tags.
Dot point list:


[list]
[*] Insert text
[/list]

Bonus tip: You can make your list numbered if you use

[list=1]

instead of

[list]

.

Of course you can always expand your lists by adding in more [*].

You can use other BBCode within a list.

Spoilers

A spoiler is basically a box that hides text until it’s “show” button has been hit. In order to make a spoiler, use the following tags.

[spoiler]insert text here[/spoiler]

Example:
[spoiler]Pretty cool, isn’t it?[/spoiler]

You can use other BBCode within spoilers.

Font Size

Text can be resized by using:

[size=insert number]insert text[/size]

Combining BBCode

Tags can be stacked on top of eachother. An example is:

[size=12][b][i]text[/i][/b][/size]

Which yields something like this.

Summary

So after reviewing all these tags you may of noticed a pattern: To start a technique you use [insert tag] and to end it you just add a “/” to the tag like this: [/insert tag].

And I guess that sums up DB Forums “Basic BBCode” for now!

Perhaps in the future even more BBCode will be enabled in this forum and if that ever happens, feel free to come back and check for some more tutorials!

Happy coding! -gg2ez

W.I.P. More stuff to be added.


(terminal) #2

[url=“https://en.m.wikipedia.org/wiki/Hyperlink”][list]

[*] woah

[/list]


(gg2ez) #3

@terminal Top of the class. Too bad the [noparse] tag doesn’t work on DB Forum’s BBCode. :stuck_out_tongue: now I can’t display my tricky mlg bb skillz. Ah well, I’ll find a way.


(Adam) #4
to actually show the code 

(gg2ez) #5

The box is super yellow and hard to read. Regardless, love ya man. I’m using that one.


(Adam) #6

You… You… Love me?!


(Adam) #7

OMG yes gg I do!!! I will marry you!!!


(SereneFlight) #8
[u]underline[/u]

> quote

[quote="author"]quote[/quote]
[font=Comic Sans MS]font[/font]
[size=5]size[/size]


underline

quote

font
size


(1AGRESSOR) #9

this should be pinned in GD


(gg2ez) #10

I’m not done yet, I’m sure I will be able to help a few people out once the guide is completed.


(qjack) #11

nice guide but i think you better link to a guide eg. bbcode.org. no need for retyping :wink:
some bb-code didn´t work in this forum and i think mods don´t care about (that could be the reason why we still have this pissed code window)


(gg2ez) #12

Updated. Added Hyperlinks, Text Flavour, and Text Colour.


(Frogteam) #13

[spoiler] You should add spoilers [/spoiler]


(gg2ez) #14

@Frogteam I will… [spoiler]EVENTUALLY[/spoiler]


(gg2ez) #15

@Adam https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSJT48bJ5-GxqbEUok6G6szJZQvJWHLeR8aOW8A44jLkpdjIpeUvfap88qK


(MissMurder) #16

Cool stuff thank you!


(gg2ez) #17

Thanks :smiley: I guess it’s time to update this then! :lol:


(Drcipres) #18

thundernext merc to be released


(gg2ez) #19

But I want Thunder :anguished:


(gg2ez) #20
  • Added BBCode stacking.