Grim's Guide to Using Monkkonen.net Forum Posting Tags

Grim Reaper 19 years ago

Greetings, fellow forum member. Ever wondered what the little buttons on top of the box where you type the message are? Well, in this post I shall explain the use of those buttons, not to forget the two drop-down menus below the buttons.

So, let's start with the first three buttons, B (bold), i (italics) and u (underlined).

To use the bold, click once on the button with the B, enter the text you want to be bold and press the button again (this is how all the buttons work. The drop-down menus, font colour and font size, use a different method, though).
Now, for an example of a piece of text in the regular view and the code view:
This text is in bold.

[b]This text is bold.[/b]

As you can see, in the code view the text is, in fact, NOT in bold, and that the bolding tags are visible. I find this a great way to demonstrate how the text will show up while you write it.

Now, I believe that sometimes you feel the urge to quote something someone else said. If the text can be found in a post in that same thread, I suggest you press the button labeled "quote", which is in the upper-right corner of every post.

If, on the other hand, you want to quote something else, such as a funny thing George W. Bush (the president of US) said, you simply click the quote button located to the right of the bold, italics and underline buttons, type the quoted text after the tag and again, press the quote button. An example in normal text and code view:

This is a quoted text.

[quote]This is a quoted text.[/quote]

As you can see (again), the tags are visible in the code view. This is still perfectly normal. In the normal view, on the other hand, there is a bold "Quote:" and a box with text under it. Now, to make it show WHO you are quoting, you just add ="Quoted person" inside the quote tag, like this:

"Quoted person" said:
I wrote this!

[quote="Quoted person"]I wrote this![/quote]

As you can see, the "wrote" appears automatically, and unfortunately you can't change it. Hopefully this is enough information for you to understand how quoting works.

And now, I'll take a look of the code button. The button is to the right of the quote button. The code button is usefull when you want to show someone how to use one of these features I'm babling about, and ASCII art (art made out of symbols, characters and numbers) for example. The use is similar to the bold, italics and underline buttons. Here's an example:

This is a codebox.

[code]This is a codebox.[/code]

So there's how you do the codebox. The great thing about the codebox (the box that appears in the posted post showing the text the poster put between the code tags) is that it shows all the spaces you made. Here's an example about how differently the spaces are shown. I made five spaces between the symbols: > <

>     <

As you can see, the first set of symbols has only ONE space between them.
Oh, and you can also use the codebox for, well, entering programming/scripting code in it. That's what it was originally made for.

And finally, the font colour and size drop-down menus. These are found below the buttons. To use them, select the desired size/colour from the appropriate drop-down menu, move the cursor between the tags and type the text you want to be shown in a different colour/size. Firstly the colour: This text is red!

[color=red]This text is red![/color]

And then the size: This text is large!

[size=18]This text is large![/size]

Now, the Img and URL buttons. They work like the bold, italics and underline buttons. The Img button is used to show images hosted somewhere. An example:

[img]http://home.iprimus.com.au/louws/images/sig.jpg[/img]

The URL button is used like the Img button, although it doesn't show any images in the post. Instead, it shows an underlined, blue link in the post. For example (using the link from the Img example): http://home.iprimus.com.au/louws/images/sig.jpg

[url]http://home.iprimus.com.au/louws/images/sig.jpg[/url]

You can also make it show some other text instead of the link address by adding a =http://(url goes here) in the first of the URL tags, like this: This is the link!

[url=http://home.iprimus.com.au/louws/images/sig.jpg]This is the link![/url]

Simple as that. Also, if you just type <a class="postlink" href="http://something.goes.here">http://something.goes.here</a> to the text box, the forum software automatically converts it to a link. Oh, and if the URL you want to create a link for contains any empty spaces, you must replace those with %20 thingers.

An example: This is NOT how you do it.
This is how you do it.
And the same enclosed in them code tags:

[url=http://www.mindistortion.net/iwantyoursoul/?i_am=Ifrise%20Woken]This is how you do it.[/url]

And there's that tutorial. What? You want to know about the List buttons? Ok, I'll add a section that covers the normal List button (I still don't have a clue what's different in the List= button) when I get, say, 10€ to my PayPal account (donation link in the sig).

Untill then, leave me alone.

*sigh* Since I felt like it, I decided to add this here section that explains how to get a slogan.

First, go to http://www.sloganizer.net/en/imagegenerator.php, select the preferences for your slogan image, press "Create image" and copy the code from the first box (i.e. the BBCODE one) and paste it to your profile's signature section.

Now you have your very own slogan, so leave me alone, dangit! Greetings, fellow forum member. Ever wondered what the little buttons on top of the box where you type the message are? Well, in this post I shall explain the use of those buttons, not to forget the two drop-down menus below the buttons. So, let's start with the first three buttons, [b]B[/b] (bold), [i]i[/i] (italics) and [u]u[/u] (underlined). To use the [b]bold[/b], click once on the button with the [b]B[/b], enter the text you want to be bold and press the button again (this is how all the buttons work. The drop-down menus, font colour and font size, use a different method, though). Now, for an example of a piece of text in the regular view and the code view: [b]This text is in bold.[/b] [code][b]This text is bold.[/b][/code] As you can see, in the code view the text is, in fact, NOT in bold, and that the bolding tags are visible. I find this a great way to demonstrate how the text will show up while you write it. Now, I believe that sometimes you feel the urge to quote something someone else said. If the text can be found in a post in that same thread, I suggest you press the button labeled "quote", which is in the upper-right corner of every post. If, on the other hand, you want to quote something else, such as a funny thing George W. Bush (the president of US) said, you simply click the quote button located to the right of the bold, italics and underline buttons, type the quoted text after the tag and again, press the quote button. An example in normal text and code view: [quote]This is a quoted text.[/quote] [code][quote]This is a quoted text.[/quote][/code] As you can see (again), the tags are visible in the code view. This is still perfectly normal. In the normal view, on the other hand, there is a bold "Quote:" and a box with text under it. Now, to make it show WHO you are quoting, you just add ="Quoted person" inside the quote tag, like this: [quote="Quoted person"]I wrote this![/quote][code][quote="Quoted person"]I wrote this![/quote][/code] As you can see, the "wrote" appears automatically, and unfortunately you can't change it. Hopefully this is enough information for you to understand how quoting works. And now, I'll take a look of the code button. The button is to the right of the quote button. The code button is usefull when you want to show someone how to use one of these features I'm babling about, and ASCII art (art made out of symbols, characters and numbers) for example. The use is similar to the bold, italics and underline buttons. Here's an example: [code]This is a codebox.[/code][code][code]This is a codebox.[/code][/code] So there's how you do the codebox. The great thing about the codebox (the box that appears in the posted post showing the text the poster put between the code tags) is that it shows all the spaces you made. Here's an example about how differently the spaces are shown. I made five spaces between the symbols: > < [code]> <[/code] As you can see, the first set of symbols has only ONE space between them. Oh, and you can also use the codebox for, well, entering programming/scripting code in it. That's what it was originally made for. :roll: And finally, the font colour and size drop-down menus. These are found below the buttons. To use them, select the desired size/colour from the appropriate drop-down menu, move the cursor between the tags and type the text you want to be shown in a different colour/size. Firstly the colour: [color=red]This text is red![/color] [code][color=red]This text is red![/color][/code] And then the size: [size=150]This text is large![/size] [code][size=18]This text is large![/size][/code] Now, the Img and URL buttons. They work like the bold, italics and underline buttons. The Img button is used to show images hosted somewhere. An example: [img]http://home.iprimus.com.au/louws/images/sig.jpg[/img] [code][img]http://home.iprimus.com.au/louws/images/sig.jpg[/img][/code] The URL button is used like the Img button, although it doesn't show any images in the post. Instead, it shows an underlined, blue link in the post. For example (using the link from the Img example): [url]http://home.iprimus.com.au/louws/images/sig.jpg[/url] [code][url]http://home.iprimus.com.au/louws/images/sig.jpg[/url][/code] You can also make it show some other text instead of the link address by adding a =http://(url goes here) in the first of the URL tags, like this: [url=http://home.iprimus.com.au/louws/images/sig.jpg]This is the link![/url] [code][url=http://home.iprimus.com.au/louws/images/sig.jpg]This is the link![/url][/code] Simple as that. Also, if you just type <a class="postlink" href="http://something.goes.here">http://something.goes.here</a> to the text box, the forum software automatically converts it to a link. Oh, and if the URL you want to create a link for contains any empty spaces, you must replace those with %20 thingers. ;) An example: [url=http://www.mindistortion.net/iwantyoursoul/?i_am=Ifrise%20Woken]This is NOT how you do it.[/url] [url=http://www.mindistortion.net/iwantyoursoul/?i_am=Ifrise%20Woken]This is how you do it.[/url] And the same enclosed in them code tags: [code][url=http://www.mindistortion.net/iwantyoursoul/?i_am=Ifrise%20Woken]This is how you do it.[/url][/code] And there's that tutorial. What? You want to know about the List buttons? Ok, I'll add a section that covers the normal List button (I still don't have a clue what's different in the List= button) when I get, say, 10€ to my PayPal account (donation link in the sig). ;) Untill then, leave me alone. *sigh* Since I felt like it, I decided to add this here section that explains how to get a slogan. First, go to [url]http://www.sloganizer.net/en/imagegenerator.php[/url], select the preferences for your slogan image, press "Create image" and copy the code from the first box (i.e. the BBCODE one) and paste it to your profile's signature section. Now you have your very own slogan, so leave me alone, dangit!

Grim's Guide to Using Monkkonen.net Forum Posting Tags

Post Reply