Page 1 of 1

BBCode Guide

Posted: Fri Oct 24, 2014 10:29 pm
by ChainedTeapot
Here's a list of BBCodes you can use within your posts. Some have buttons you can use while others require you to know the text code. Most of this is pretty similar to ONM just with a few extra addtions. Anything missing or added at a later date will be edited in.

Bold, Italics, Underline and strikeout

Code: Select all

[b]Bold[/b], [i]Italics[/i] [u]Underline[/u] nd [s]strikeout[/s]

Colours
You can use or the code or simply choose from the list when making a post

Code: Select all

[color=#FF0000]Colours[/color]
[color=blue]You can use [color=red] or the [color=#FFFFFF][/color][color=#8000BF]code or simply choose from the list when making a post[/color]

Text Size
The smallest and lowest is a way down here at size 1 and the biggest and largest is at 200

Code: Select all

[b][size=85]Text[/size][size=150] Size[/size][/b]
The smallest and lowest is [size=1]a way down here at size 1[/size] and the biggest and largest is [size=200]at 200[/size]

Lists
You can make lists just make sure to add [*] on each line. The
  • will make numbered or lettered lists for you.
    • Apples
    • Oranges
    • Pineapples

    Code: Select all

    [list][*]Apples
    [*]Oranges
    [*]Pineapples[/list]

    1. Apples
    2. Oranges
    3. Pineapples

    Code: Select all

    [list=1][*]Apples
    [*]Oranges
    [*]Pineapples[/list]

    1. Apples
    2. Oranges
    3. Pineapples

    Code: Select all

    [list=a][*]Apples
    [*]Oranges
    [*]Pineapples[/list]

    Images
    Make sure you have a direct link to the image.
    Image

    Code: Select all

    [img]http://i.imgur.com/y1Wiu.png[/img]

    Custom URLs
    SONM is the best site ever!

    Code: Select all

    [url=http://sonm.uk/index.php]SONM is the best site ever![/url]

    You can even make images link to things
    Image

    Code: Select all

    You can even make images link to things
    [url=https://twitter.com/SONMods][img]http://sonm.uk/styles/onm_classic/imageset/sonm_banner.png[/img][/url]

    Spoilers
    There are two kinds of spoiler

    The black kind where you highlight Boooo! or the clicky kind where you need to click to view
    This is a secret

    Code: Select all

    [b]Spoilers[/b]
    There are two kinds of [censor]spoiler[/censor]
    
    The black kind where you highlight [censor]Boooo![/censor] or the clicky kind where you need to click to view
    
    [spoiler]This is a secret[/spoiler]

    Text allignment
    you can position your text to appear on the
    Left
    centre
    and right!

    Code: Select all

    [left]Left[/left]
    [centre]centre[/centre]
    [right] and right![/right]

    Code Boxes
    These are the lovely boxes you've seen throughout this guide.

    Code: Select all

    [code]These are the lovely boxes you've seen throughout this guide.
    They
    can
    hold
    a
    lot
    of
    information
    without
    taking
    up
    a
    whole
    thread
    and
    dont
    require
    clicking
    like
    spoilers!
    [/code]
    Youtube Videos
    If you have a link to the video you can post it like so.

    Code: Select all

    [youtube]http://www.youtube.com/watch?v=TwsmV3QYaLg[/youtube]

    Embedded Tweets
    You can embed tweets with the direct url link like so.

    Code: Select all

    [tweet]https://twitter.com/SONMods/status/579055210783514624[/tweet]

    Horizontal Rule
    Last but not least you may of noticed lines serperating each section of this post these are horizontal lines.


    Code: Select all

    [hr][/hr]
    [hr][/hr]
    [hr][/hr]

Re: BBCode Guide

Posted: Fri Oct 24, 2014 11:23 pm
by Edd
Woah wrote:I
  • am
swooning
at
all the BBb code
possibilities
.

Image

Code: Select all

[centre][quote="Woah"][size=85]I[/size] [list][*]am[/list] [i][color=red][size=150]swooning[/size][/color][/i] [spoiler]at[/spoiler] [b]all[/b] [color=#008000]the[/color] [censor]BB[/censor][s]b[/s] [u]code[/u] [size=200][left]possibilities[/left][/size][url=http://i.imgur.com/vVM3mel.png].[/url][/quote][/centre]
[hr][/hr]
[url=http://i.imgur.com/vVM3mel.png][img]http://i.imgur.com/vVM3mel.png[/img][/url]
[hr][/hr]

Re: BBCode Guide

Posted: Sat Oct 25, 2014 9:25 am
by Ape
The list feature actually works here? Good to see.

Like the new stuff available to us.

Re: BBCode Guide

Posted: Sun Oct 26, 2014 9:48 pm
by Bix
Loving the one click spoiler boxes. + Its good to see the other features of the old forum have been carried across.

Re: BBCode Guide

Posted: Wed Nov 05, 2014 6:52 pm
by Complexitive
Could we have the [youtube] tag as a button? I'm lazy, and don't like typing it out.


<3

Re: BBCode Guide

Posted: Wed Nov 05, 2014 9:13 pm
by row101
Complexitive wrote:Could we have the [youtube] tag as a button? I'm lazy, and don't like typing it out.


<3
I second this, that would be useful.

Re: BBCode Guide

Posted: Mon Nov 10, 2014 10:48 am
by Ape
row101 wrote:
Complexitive wrote:Could we have the [youtube] tag as a button? I'm lazy, and don't like typing it out.


<3
I second this, that would be useful.
I third this, there was one on the first forum I started using and I often found it easier to press that button myself.

Re: BBCode Guide

Posted: Fri Mar 20, 2015 11:11 pm
by OrangeRakoon
The youtube tag is now a button, and tweet embedding has been added to the available BBCodes! :)