Basic BBCode - Updated!

gg2ezgg2ez Posts: 2,565
edited November 2015 in Off Topic
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:
[URL=insert URL here]insert text here[/URL]

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[/color]

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:
[img]insert URL here[/img]

Videos

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

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.
insert text here
Example:
Pretty cool, isn't it?

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:
[color=red][size=12][b][i]text[/i][/b][/size][/color]
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.
Post edited by gg2ez on

KEK is love, KEK is life.
«1

Comments

  • terminalterminal Posts: 514

    [*] woah

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

    KEK is love, KEK is life.
  • AdamAdam Posts: 1,044
    edited October 2015
    to actually show the code [code]
    
  • gg2ezgg2ez Posts: 2,565
    Adam wrote: »
    to actually show the code [code]
    

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

    KEK is love, KEK is life.
  • AdamAdam Posts: 1,044
    edited October 2015
    You... You.. Love me?!
    [img]orig13.deviantart.net/2481/f/2010/061/1/8/konata_izumi_by_kmilofx.png[/img]
  • AdamAdam Posts: 1,044
    OMG yes gg I do!!! I will marry you!!!
  • SereneFlightSereneFlight Posts: 1,271
    [u]underline[/u]
    [quote]quote[/quote]
    [quote="author"]quote[/quote]
    [font=Comic Sans MS]font[/font]
    [size=5]size[/size]
    
    
    underline
    quote
    author wrote:
    quote
    font
    size
  • 1AGRESSOR1AGRESSOR Posts: 234
    this should be pinned in GD
  • gg2ezgg2ez Posts: 2,565
    1AGRESSOR wrote: »
    this should be pinned in GD

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

    KEK is love, KEK is life.
  • qjackqjack Posts: 123
    nice guide but i think you better link to a guide eg. bbcode.org. no need for retyping ;)
    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)
  • gg2ezgg2ez Posts: 2,565
    Updated. Added Hyperlinks, Text Flavour, and Text Colour.

    KEK is love, KEK is life.
  • FrogteamFrogteam Posts: 423
    You should add spoilers
  • gg2ezgg2ez Posts: 2,565
    Frogteam wrote: »
    You should add spoilers

    @Frogteam I will...
    EVENTUALLY

    KEK is love, KEK is life.
  • gg2ezgg2ez Posts: 2,565
    Adam wrote: »
    OMG yes gg I do!!! I will marry you!!!

    @Adam images?q=tbn:ANd9GcSJT48bJ5-GxqbEUok6G6szJZQvJWHLeR8aOW8A44jLkpdjIpeUvfap88qK

    KEK is love, KEK is life.
  • gg2ezgg2ez Posts: 2,565
    MissMurder wrote: »
    Cool stuff thank you!

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

    KEK is love, KEK is life.
  • DrcipresDrcipres Posts: 848
    thundernext merc to be released
  • gg2ezgg2ez Posts: 2,565
    thundernext merc to be released

    But I want Thunder :anguished:

    KEK is love, KEK is life.
  • gg2ezgg2ez Posts: 2,565
    • Added BBCode stacking.

    KEK is love, KEK is life.
  • Awesome Guide! Thanks for sharing <3
  • gg2ezgg2ez Posts: 2,565
    sensit1ve_ wrote: »
    Awesome Guide! Thanks for sharing <3

    No problem! :smile:

    KEK is love, KEK is life.
  • Any idea why posting pictures through mobile doesn't work?
  • gg2ezgg2ez Posts: 2,565
    Any idea why posting pictures through mobile doesn't work?

    The mobile version of the forums runs TextEx by default instead of BBCode. You can't perform any of the actions mentioned in the OP on the mobile site.

    KEK is love, KEK is life.
  • gg2ez wrote: »
    Any idea why posting pictures through mobile doesn't work?

    The mobile version of the forums runs TextEx by default instead of BBCode. You can't perform any of the actions mentioned in the OP on the mobile site.

    Any idea how to change your post from TextEx to bbcode when you get home? For some stupid reason I can't even edit it at home because the whole post wants to stay as TextEx even if I delete everything in the post. I've never been on such a buggy forum.
  • gg2ezgg2ez Posts: 2,565
    gg2ez wrote: »
    Any idea why posting pictures through mobile doesn't work?

    The mobile version of the forums runs TextEx by default instead of BBCode. You can't perform any of the actions mentioned in the OP on the mobile site.

    Any idea how to change your post from TextEx to bbcode when you get home? For some stupid reason I can't even edit it at home because the whole post wants to stay as TextEx even if I delete everything in the post. I've never been on such a buggy forum.

    @PurpleNurple Pretty sure you have to start the post as a BBCode post. Perhaps request the desktop site when you're mobile?

    It's really just the forums being very lacking.

    KEK is love, KEK is life.
  • FrogteamFrogteam Posts: 423
    -----
    
    Causes a line break:
    And color code 2F3240 is the same as the forum text background.
                                                                                                                                                                                                                
    This is a real Signature.
  • gg2ezgg2ez Posts: 2,565
    Frogteam wrote: »
    -----
    
    Causes a line break:
    And color code 2F3240 is the same as the forum text background.
                                                                                                                                                                                                                
    This is a real Signature.

    Sneaky @Frogteam is sneaky.

    KEK is love, KEK is life.
  • Your'e Amazing Thanks alot!
  • SirMurderSirMurder Posts: 730
    edited December 2015
    @gg2ez if i post a imgur link with the coding u said
    insert url here
    it doesnt work 0.0 what do i do
  • gg2ezgg2ez Posts: 2,565
    SirMurder wrote: »
    @gg2ez if i post a imgur link with the coding u said
    insert url here
    it doesnt work 0.0 what do i do
    @SirMurder

    What image are you trying to bring up? If you give me the link, I can put it in a BBCode tag for you.

    KEK is love, KEK is life.
Sign In or Register to comment.