♦ ♣ ♥ ♠
Most of the BBC code is provided to you above where you input the text of your message. Just highlight what you want to manipulate, enter the corresponding button, and it'll do the rest. You'll also be able to see the code it uses, so you'll be able to either type it in yourself later or continue using the provided buttons. So for example, if you wanted to make something bold? Just type it, highlight it, and click the B button up above the text entry field. You can also do it like so;
[b] Bolded text here [/b]
And it will show as;
Bolded text here
Image tag is;
[img]Image URL here[/img]
To change text color, you can highlight and use the color dropdown (it's set to default black, just scroll to whatever you want to use) and it will populate the code.
[color=red]Color changed text[/color]
Which shows as;
Color changed text
There are other colors besides the one in the dropdown, such as cornflower blue or salmon. You can find lists in a few places, or just play with the color names yourself :3
♦ ♣ ♥ ♠