BBC Code

[Ayame Sohma]

Here our detailed explanation how the BBC of Itsumo works.
Bulletin board code works with tags, so if for example you wanted to add a bicycle to your post you would type [bicycle]My Bike [/bicycle]. When using tags you always must place your text between the opening tag [] and the closing tag [/].


§1 Writing in "Bold"

To write in bold you can use the button and enter your text beteen the tags.
Alternatively type
Code:
Your bold text.

§2 Writing in "Italics"

To write in bold you can use the button and enter your text beteen the tags.
Alternatively type
Code:
Your italized text
§3 Underlining words

To underling a word or several words you can use the button and enter the text between the tags.
Alternatively type
Code:
Your underlined text
§4 Strikethrough words

To underling a word or several words you can use the button and enter the text between the tags.
Alternatively type
Code:
Your strikethrough text



§5 Using the Glow Effect


Use the button and place the text between the tags.
Alternatively you can type
Code:
[glow=red,2,300]Glow Effect[/glow]
The Glow Effect
can be customized in colour
Code:
[glow=green,2,300]Glow Effect[/glow]

but also in Intensity.

Glow Effect Step 0

Code:
[glow=green,0,300]Glow Effect Step 0[/glow]Glow Effect Step 1

Code:
[glow=green,1,300]Glow Effect Step 1[/glow]Glow Effect Step 2

Code:
[glow=green,2,300]Glow Effect Step 2[/glow]

§6 Using the Shadow Effect

Use the button and place the text between the tags.
Alternatively you can type
Code:
[shadow=red,left]Shadow Effect[/shadow]
The Shadow Effect can be customized in colour
Code:
[shadow=yellow,left]Shadow Effect[/shadow]

but also in alignment.

Effect
Code:
[shadow=red,left]Effect[/shadow]Effect
Code:
[shadow=red,right]Effect[/shadow]Effect
Code:
[shadow=red,center]Effect[/shadow]





§7 Left, Right and Centered Alignment

When
aligning
left things look like this

This
is
centered
And
this
is
right.

For Left align use or
Code:

Some Text

For Centered align use or
Code:

Some Text

For Right align usr or
Code:

Some Text

§8 Insert a Horizontal rule

--------------------------------------------------------------------------------

Press the button or type the code
Code:

---

§9 Font Size

To change the font size use the button

Or type
Code:
Some text
10pt is the standart font size. When you enter 5 instead the font is smaller, 15 will make it
bigger


Code:
Smaller
Bigger
§10 Using other fonts

Fonts are tricky and I advice you not to use this tag unless you know what you are doing. Remember only to use common fonts like

Arial
Comic Sans MS and
Palatino Linotype

To change the font press the button .
The code will look like this:
Code:

Verdana is our default font... to change it type something like

Code:
Arial
Comic Sans MS and
Palatino Linotype
§11 Using different Colours

To use different colours use the chan colour menu next to the button. It will produce a code like this.

Code:

You can use the given options however you can also enter RGB codes like #23eacb

Code:
#23eacb
Remember that valid RGB codes have 6 digits and can only consist of the characters 1,2,3,4,5,6,7,8,9,a,b,c,d,e,f no others!
Hint: RGB Colours Also work with GLOW

There are also some words that work like deeppink, mediumpurple and springgreen. To find out which words work check the netscape predefined colour charts. If you don't know what that is... just keep using the standart tags and the RGB.



§12 Inserting images

- like this one of me.

Use the button and insert the complete URL of your image. If you do not have the image hosted, it can't be inserted. If you don't know how to get it hosted, don#t post images. You can also type.


Code:

§13 Using Hyperlinks.

Example: 1) My private Wesite or
2)www.julietta.net

You can use the button. Your code will look like this
Code:
Modify the code so that you get
Code:
My private Wesiteto get it like example 1.

Code:
www.your-link.netgives you example 2.

§14 Using Email Links

Example: [e-mail]

To make an email link use the button and insert the email address between the tags.
Should look like this:

Code:
[e-mail]
§15 FTP Servers

I assume that we have no use at Itsumo for ftp servers. If anyone wants to link one use .

Code:
[ftp]myserver.com[/ftp]


§16 Inserting Tables, Rows and Colums

Example

Field 1 The wonderful field 2 F3 Fieldie-Poo 4
5 6 7 8
9 10 11 12
13 14 15 16

I know this does not look very spectacular, but is handy for the few people here doing attendance and stuff like that.

These are the involved buttons:

Creates a new table. It inserts the code
Code:

Creates a new row. It inserts the code
Code:
[tr][/tr]It needs to be places between the table tags.
Code:

Creates a table Column/Cell. It inserts the code
Code:
[td][/td]and needs to be places between a correctly place tr tag.

Code:

Between the TD tags you can enter the values you want to store in the table.

Example Code of a working table


Code:

Field 1	The wonderful field 2	F3	Fieldie-Poo 4
5	6	7	8
9	10	11	12
13	14	15	16

§17 Sup and Sub Script

sup and sub

Use the buttons and for this. Here are two sample codes.


Code:
^sup and _sub
§18 Teletype

For teletype use the buttton and insert the text between the tags. Code example:

Code:
Teletype




§19 Insert Code

If you want to help somebody else by inserting BBC but without it getting displayed, basically like it I in all the parts highlighted light blue use the button

Code:
Code:
["code]Some Code["/code](I inserted the " so this gets displayed please remove before using).

§20 Insert a quote

Example
Quote
Be Happy, Don't worry.

You can use the button or for this matter. I think using the second is more useful.

I trust if you got this far in the tutorial you will get how to use this.

§21 Inserting Lists.

Example:

My List

Item 1
Item 2

To insert a list use the button .

The code looks like this:
Code:

Enter the list items between the

. You can add more list items if needed.




§22 Nesting Tags.

You can use most of the tags together in any way you want. Feel creative. Just one thing. Nest them correctly. This is a bold, italic, yellow, sized 16 text: EXAMPLE

Put the tags inside each other like this
Code:
EXAMPLE

Something like
Code:
EXAMPLE[/color][/i][/b] might or might not work...

Example: EXAMPLE[/color]

The broken tags you see are a result of what is called crossnesting. Just don't cross nest and you are fine.

also done do silly thing... dont combine stuff that does not go together:

Example:
Code:

quote

Quote
quote
[/color]

Quotes cant be red... this will cause broken tags. If you do something illegal you will always see broken tags in your post. If you see them just check for crossnesting.. or if you ordered things the wrong way. Always try to make the big elements first such as center, left, right, then do the colours. [/color]