Posting Functions Tutorial

From Magical Hogwarts Wiki

Jump to: navigation, search

Here is a detailed explanation how the Posting Functions of Magical Hogwarts 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 [/].


Contents

Writing in "Bold"

To write in bold you can use the Image:boldbutton.gif button and enter your text beteen the tags. Alternatively, you may type in [b]Your bold text[/b]


Writing in "Italics"

To write in italics you can use the Image:italicbutton.gif button and enter your text beteen the tags. Alternatively, you may type in [i]Your italized text[/i]


Underlining words

To underling a word or several words you can use the Image:underlinebutton.gif button and enter the text between the tags. Alternatively, you may type in [u]Your underlined text[/u]


Strikethrough words

To underling a word or several words you can use the Image:strikebutton.gifbutton and enter the text between the tags. Alternatively, you may type in [s]Your strikethrough text[/s]


Using the Glow Effect

Use the button Image:glowbutton.gif and place the text between the tags. Alternatively you can type [glow=red,2,300]Glow Effect[/glow]

The Glow Effect can be customized in colour: [glow=green,2,300]Glow Effect[/glow]

and also in Intensity.

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

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

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


Using the Shadow Effect

Use the button Image:shadowbutton.gif 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]

The Shadow Effect can also be custozed in intensity.

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


Using Preformatted text

Copying and posting ASCII art without preformatting the text renders it a complete mess, use the Image:prebutton.gifto solve this problem, or simply type Code: [pre]Insert Preformated Text [/pre]


Left, Right and Centered Alignment

When aligning left things look like this.

This

is

centered.

For Left align use Image:leftbutton.gif or simply type Code: [left]Some Text[/left] For Centered align use Image:centerbutton.gif or type Code: [center]Some Text[/center] For Right align use the Image:rightbutton.gif button or type in Code: [right]Some Text[/right]


Insert a Horizontal rule

Press the button Image:hrbutton.gif or type in the required code, like so Code: [hr]

Please note that The Horizontal rule tab is one of the few tabs that does not require you to close it ([/hr]).


Font Size

To change the font size use the Image:sizebutton.gif button Or type

Code: [size=10pt]Some text[/size]

10pt is the standart font size. When you enter 5 instead the font is smaller, 15 will make it bigger, and so on.


Code: [size=5pt]Smaller[/size] [size=15pt]Bigger[/size]


Using other fonts

Fonts are tricky and we 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 Image:Facebutton.gif button . The code will look like this: Code: [font=Verdana][/font]

Verdana is the Magical Hogwarts default font... to change it type something like

Code: [font=Arial]Arial[/font] [font=Comic Sans MS]Comic Sans MS[/font] and [font=Palatino Linotype]Palatino Linotype[/font]

Using different Colours

To use different colours use the change colour menu next to the Image:Facebutton.gif button. It will produce a code like this:

Code: [color=Pink][/color]

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

Code: [color=#23eacb]#23eacb[/color] Remember that valid RGB codes have 6 digits and can only consist of the characters 1-9 and A-F. Other characters are invalid. RGB Colours Also work with the glow feature.


Inserting images

Image:JustyneDoll.gif‎ - Like this one of Justyne.

Use the button Image:imgbutton.gif 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: [img]www.myurl.com/my-folder/my-image.jpg[/img]


Using Hyperlinks

Example: 1) My private Wesite or

               2)www.julietta.net

You can use the Image:urlbutton.gif button. Your code will look like this Code: [url][/url] Modify the code so that you get Code: [url=http://www.your-link.net]My private Wesite[/url]

Code: [url]www.your-link.net[/url]


Using Email Links

Example: webmaster@julietta.net

To make an email link use the Image:Emailbutton.gif button and insert the email address between the tags. You should have something that looks like this:

Code: [email]user@server.com[/email]


Insert Code

If you want to help somebody else by inserting BBC but without it getting displayed, use the Image:Codebutton.gif button

Code: [code]Some Code[/code]


Inserting a quote

Example:

Quote Be Happy, Don't worry.

You can use the Image:quotebutton.gif button for this matter.

Inserting Lists

Example:

My List

  1. Item 1
  2. Item 2

To insert a list use the Image:listbutton.gif button.

The code looks like this: Code: [list][li][/li][li][/li][/list] Enter the list items between the tags. You can add more list items if needed.


Nesting Tags

You can use most of the tags together in any way you want. Feel creative. Just one thing. Nest them correctly. This may be a bold, italic, yellow, sized 16 text if you wanted it to.

Put the tags inside each other like this Code: [b][i][color=Yellow][size=16pt]EXAMPLE[/size][/color][/i][/b]

Or

Code: [i][b][size=16pt][color=yellow]EXAMPLE[/size][/color][/i][/b]

Also dont combine stuff that do not go together:

Code: [color=red][quote]quote[/quote][/color]


Quotes can't 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.