BBCode Tutorial
I spent 7 hours and 35 mins on it! Please appreciate this
I noticed this link when I first started to ramp up my posting while at school. The origin of this link can be found below the box used to type messages/replies or posts.
Below, is where the link is located. Click on BBCode, to find a basic tutorial on using BBCode when posting.
Options
HTML is ON
BBCode is ON
Smilies are ON
I can imagine you are wondering how to squish that little link into the word "BBCode" so it lights up when your mouse is over it!
I was inspired to further demonstrate the use of BBCode after seeing the hard to notice location of the tutorial link. Please, correct me if there is another link.
BBCode is very simple and easy to use. All you need are:
1. A "starter" bracket.
2. A message/text: "The quick red fox, jumped over the brown lazy dog."
3. A "closer" bracket.
The "starter" bracket will look something like this:
*Note: These "starter" brackets connect with the below "closer" brackets.
[color=****]
Note: The "closer" brackets connect with the above "starter" brackets.
[/color]
[/size]
*Note: The "closer" brackets are very simplistic! These are easy to remember but are also easy to forget to place after a message.
BBCode is user friendly, and even has a menu system at the top of the message/post text box. To apply one of the selections from the above menu, simply highlight your text, and click the symbol that applies to your choice. Keep in mind, sometimes the menu selection will rearrange the formatting of your text, simply by adding a space. So make sure your message/post is still in the condition you'd like it to be!
So... Why manually type the brackets when there is a button in the menu above the message/post box?
The menu above the message/post box is great! I don't want you to not use it. The menu does however have a few flaws. I personally see these (below) as flaws to the menu, but you may have a different opinion.
1. When highlighting a sentence and then selecting an option from the menu, it will position your view in the message/post box to the top. This can be annoying when you have a long a message/post, because it can get hard to find where you were last were if you were editing something somewhere in the middle of your message/post.
(I barely use the menu system, but when I do I like to scroll back to the message it added brackets around to make sure everything is correct, and as I like it.)
2. Personally, I find it easier to just type the "starter" and "closer" brackets as I type my messages. I find it faster as well, if I'm still typing more after that section, like I said (above) it will position your view to the very top of your message, and this will get annoying if there is still more editing that needs to take place after selecting the BBCode option.
So please, take the time to read this, after all, it may prove to be a quicker technique for you. I also want you guys to apply these new BBcode options to your posts!
Fonts
Ok, so you want some fancy looking text?
Follow the steps, and you can fancy up anytime!
BBCode, is rather simple when it comes to changing the way your messages look. It uses the simple "starter" and "closer" brackets in all of its codes!
- Step 1: Type in the message box:
With a font name:
Here is a list of all of the possible font names:
- Default Font - *Not a custom font
- Arial
- Arial Black
- Century Gothic
- Comic Sans MS
- Courier New
- Georgia
- Lucida Console
- Microsoft Sans Serif
- Symbol
- Tahoma
- Trebuchet
- Times New Roman
- Verdana
- Step 2: Once you pick a font name it should look something like this:
*Note: The name used below is only for example purposes.
With a color name:
Here is a list of all of the possible color names:
- Default Color *Not Custom
- Dark Red
- Red
- Orange
- Brown
- Yellow
- Green
- Olive
- Cyan
- Blue
- Dark Blue
- Indigo
- Violet
- White
- Black
- Step 2: Once you pick a color name, it should look something like this:
*Note: The name used below is for example purposes.
Formatting + Additional Font Options
Ok, so you want to place a strike through a sentence to represent old information, or for a funny joke! Maybe you want put that text in bold format, or maybe even center a sentence!
This should be a drive through the park!
Just like above, with fonts and colors, the format options use "starter" and "closer" brackets.
- Step 1: Type in your message box (any of the following):
*Note: These are additional options to change the way your font/text looks.
*Note: These are the "starter" brackets!
Code: [ Select all ]
[b]The quick red fox, jumped over the brown lazy dog.[/b]
[i]The quick red fox, jumped over the brown lazy dog.[/i]
[u]The quick red fox, jumped over the brown lazy dog.[/u]
[s]The quick red fox, jumped over the brown lazy dog.[/s]
[size=15]The quick red fox, jumped over the brown lazy dog.[/size]
Code: [ Select all ]
[align=justify]The quick red fox, jumped over the brown lazy dog.[/align]
[align=left]The quick red fox, jumped over the brown lazy dog.[/align]
[align=center]The quick red fox, jumped over the brown lazy dog.[/align]
[align=right]The quick red fox, jumped over the brown lazy dog.[/align]
Align Justify:
The quick red fox, jumped over the brown lazy dog.
Align Left:
The quick red fox, jumped over the brown lazy dog.
Align Center:
The quick red fox, jumped over the brown lazy dog.
Align Right: The quick red fox, jumped over the brown lazy dog.
Congratulations! You just got through one hell of a big section! These are all very useful BBCode options, and should definitely be utilized in posts!
Misc.
Ok, so there some last little things that you can do to your text, like hiding it temporarily, or putting it into a list form. You can also add a Youtube video player to your post, as well as show some pictures, instead of just linking to it.
This will be a very quick section!
BBCode allows users to bring pictures to their post's and also display Youtube video players rather than just linking to an image or video.
- Step 1: Type in the message box (any of these):
*Note: These are "starter" brackets that connect with the "closer" brackets below.
Step 2b: To create a list, type in the message box:
*Note: There are 3 different types you can chose from.
Result: The results should look like these:
[youtube]http://www.youtube.com/watch?v=_x8Vs7IJU3k[/youtube]
List Creation:
Code: [ Select all ]
[list]
[*]Bullet One
[*]Bullet Two
[/list]
List Example:
List=1 Creation
Code: [ Select all ]
[list=1]
[*]Bullet One
[*]Bullet Two
[/list]
List=1 Example:
- Bullet One
- Bullet Two
List=a Creation
Code: [ Select all ]
[list=a]
[*]Bullet One
[*]Bullet Two
[/list]
List=a Example:
- Bullet One
- Bullet Two
Dividers
To create a line as a divider type this in the message/post box:
This is the only BBCode "starter" I know of, without a "closer."
Result: The result should look like this:
Congratulations! You've made it to the end of the BBCode Tutorial, I hope you liked it, and found it useful. I definitely would like to see you guys use BBCode in your posts! Not that you haven't
http://www.celticalliance.com
-> Tavern
output generated using printer-friendly topic mod. All times are GMT + 10 Hours
Page 1 of 1