BBCode is an extremely simple version of formatting, which many forums and browser-based games allow. While the amount that is usable is always going to be limited, we'll go over a majority of the codes and their effects here. Using this How-to, you'll be an "expert" in BBCode in no time.

5

Use the color and size tags to customize the font.

  1. The "color" and "size" tags work a little differently. With these bb codes, you'll specify a color or font size to customize the text between the tags.
    • The color tag takes both color names and hex codes. You'll use it like this: color="red"]this text will be red[/color].
      • In the citations, there are links which have lists of colors.
    • [size="number"] text here will be the 3 points [/size]
  2. Advertisement
6

Add images to your posts.

  1. The image tag follows the format [img=http://www.LinkGoesHere.com/images/example.jpg] Just replace the sample link with the location of the photo on the web. This displays the image within your post.
    • Get an image's location on a site by right-clicking and selecting Properties, then copying the "Image Location". Depending on the browser, the same function can be done by right-clicking and selecting "Copy Image URL".

Community Q&A

  • Question
    How to add two pictures (left and right) in 1 layer?
    Nukesh Aravind
    Nukesh Aravind
    Community Answer
    Very simple just edit it with MS paint. Just Copy the picture and past it in plain MS office and copy the next picture then past it in the same paint window. You can edit the background in the same way and then you can merge the both in the one single image. You can also try Photoshop if you need it with more effects.
  • Question
    Do you have to download a app before BBCode can work on your system?
    Jackson Ferguson
    Jackson Ferguson
    Community Answer
    You shouldn't. All modern operating systems support BBCode. If it's not showing, try updating your system.
  • Question
    How to make dropshadows using BBCode?
    Bommasani Nagendra
    Bommasani Nagendra
    Community Answer
    To make a dropshadow using BBCode: Start by placing the text or image in a container (like [div], [span], [p], or [table]). Next, add CSS code for the drop shadow using the [style] tag. The code is: "text-shadow: 2px 2px 5px #000000;". Add this code to the container. Adjust position, blur radius, color, and add more shadows as needed. Add "inset" to create an inset shadow effect. Keep in mind that not all forums support BBCode or CSS, so check first.
Advertisement

Warnings

  • Don't overuse BBCode. The sites that do allow it generally have some rules controlling the use of it. Read these before attempting to use it.
    ⧼thumbs_response⧽
  • Avoid nauseous colors like "vivid orange" and "neon green" when posting, if BBCode is enabled and color is allowed. It's considered spam by some forums, and frowned upon.
    ⧼thumbs_response⧽
Advertisement

About This Article

wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. To create this article, 9 people, some anonymous, worked to edit and improve it over time. This article has been viewed 46,837 times.
How helpful is this?
Co-authors: 9
Updated: July 18, 2022
Views: 46,837
Categories: Markup Languages
Advertisement