The DijonStock Digital Home Recording Support Forum

Tags provide more flexibility for how text is presented. At the top of your post editing screen you will find many of them. The format is as follows:

[tagname]text[/tagname]

or sometimes

[tagname=parameter(s)]text[/tagname].

In this post I'll explain 'em all.

---

The b tag: makes text bold.

Result:
This is the b tag

---

The i tag: makes text italic.

Result:
This is the i tag

---

The u tag: makes text underlined.

Result:
This is the u tag

---

The quote tag: puts a quote in a post, quotes someone else's text.

Result:

The quote tag is automatically applied when the quote button of someone's post is clicked, his/her username included in the tag.

---

The list tag can be used in three ways: bullets, numbers or letters.

The list tag for lists using bullets:

Result:

• This is the list tag without parameter
• second line
• third line

The list tag for lists using letters:

Result:

1. This is the list tag with parameter A
2. second line
3. third line

The list tag for lists using numbers:

Result:

1. This is the list tag with parameter 1
2. second line
3. third line

---

The img tag: puts an image into your post. The image has to be accessible through the internet.

Result:

---

The url tag can be used in two ways: a hyperlink to any web addres in your post showing the url or a hyperlink to any web address showing a different text.

The url tag showing the url itself:

Result:
http://www.wikipedia.org

The url tag showing a different text:

Result:
Click here!

---

The flash tag: embeds a flash file (*.swf):

The 480 and 360 in the example are width and height. You can adjust that.
Result:

---

The size tag: adjusts the size of your text.

Result:
This is bigger
This is smaller
The size can be selected from the Font size pull down menu next to the tag buttons. The specified size can be adjusted to anything in a range from 1 to 999 in % of normal text, so 100 is normal, 200 is twice the size and 50 is half the size.

---

The bgcolor tag: gives text a background color in #RGB format. The brightness of each primary color is specified in a hexadecimal number between 00 and ff.
The first two digits are red, the next two digits are green, the last two digits are blue.


result:
This is text


result:
This is text


result:
This is text

You can mix them as you want:

result:
This is text

---

The color tag: presents your text in any color. The color is specified in the #RGB format which is explained at the bgcolor tag. The color can be picked from the colored grid at the right of your editing screen. It can be adjusted to any value you like.

Result:
This is red


Result:
This is green


Result:
This is blue

---

The border tag: puts a border around your text.

result:

This is a text

---

The center tag: centers your text.

Result:

---

The hr tag: puts a horizontal line in your post. Don't put anything between the tags.

The results are the horizontal lines shown between the tag explanations.

---

The left tag: aligns your text to the left.

Result:

---

The map tag: Presents a google map at the specified lattitude and longitude.

The first parameter is the lattitude in decimal degrees, the second is the longitude in decimal degrees and the third is a zoom factor ranging from 1 to 18.
Result:

Grotere kaart weergeven

---

The marquee tag: presents your text as a color adjustable ticker tape.

The parameter in the marquee tag (#00FF00 in this example, which is pure green) is the color code which is explained at the bgcolor tag. When the mouse is positioned on the line the text will not scroll.
Result:
This is your text

---

The marqspeed tag: presents your text as a speed adjustable ticker tape.

The parameter in the marqspeed tag (4 in the first line, 5 in the second of this example) is the ticker tape speed. The higher the number the faster the text goes. When the mouse is positioned on the line the text will not scroll.
Result:
This is your text
This is a slightly faster text

---

The play tag: plays an mp3 or wav file.

Result:
You'll hear the music. An actual example is not included in this post. Note that forum readers will not expect music to start automatically when loading a page. The tag will not show anything.

---

The rainbow tag: puts all separate letters of a text in random colors.

Result:

Refreshing the page will change the colors.

---

The resizeimg tag: Resizes you image to the percentage you specify in the tag. A nice one to have real big images fit the screen.


Result:


You can use any percentage you like, also bigger than 100%.

---

The right tag: aligns your text to the right.

Result:

---

The spoiler tag: Does not display a part of the post until a button is clicked.

Result:

Note: this tag can also contain links, images, flash files etc. You can't "hide" playing an mp3 or wav file using the play within the spoiler tags. It'll start playing anyhow, the fact that it's not shown doesn't mean it isn't there.

---

The sub tag: shows text as subscript.

Result:
This is _subscript, n₁ + n₂ + ... + n_n.

---

The sup tag: shows text as superscript.

Result:
This is ^superscript, Y = ¾X⁴ + 17X³ - 2X²

---

The youtube tag: embeds a youtube video from the .com domain.

Result:

Link

When you find a suitable youtube movie from the youtube.com domain, use copy & paste to get the url from the address bar between the youtube tags.

---

The youtube-de tag: works exactly the same as the youtube tag, but it is for movies from the german youtube.de domain. If you need to be able to put up youtube links from different domains, such as .org, .ca, .whatever, send one of the mods a pm and we'll fix it for you.

---

The 4shared tag:for embedding 4shared files.

Result:

Copy&paste the 4shared url and put it between the 4shared tags.

---

The table tag: Makes html tables in bbcode. It's probably not going to be used much but it was the challenge to get it working.

You need three tags to make a table:



Before you can make a table, you have to decide what the number of rows and the number of columns is going to be. Also, you have to decide the width of the total table in pixels (about 500 is usually good).

Let's assume you want to make a table of 5 columns and 3 rows, the table must be 500 pixels wide.

First, you have to tell the bbcode processor that you want to make a table, 500 pixels wide:



Next, you need to specify 3 times that you want to have a row. You do this between the table tags:



Then, in each tr - /tr line you need to say you want a row divided in 5 columns. You have to put the td tags between the tr and /tr tag. Each line is going to be:



So, thusfar the whole thing looks like:



And last, you put your data between the td and /td tags:



And the whole thing looks like this:

col1row1	col2row1	col3row1	col4row1	col5row1
col1row2	col2row2	col3row2	col4row2	col5row2
col1row3	col2row3	col3row3	col4row3	col5row3

Changing the width to 400 by replacing the table=500 to table=400 tag:

col1row1	col2row1	col3row1	col4row1	col5row1
col1row2	col2row2	col3row2	col4row2	col5row2
col1row3	col2row3	col3row3	col4row3	col5row3

It looks like a lot of work, but it's OK really. More so when you're a copy & paste handyman. However you can generate a table template. Run this little tool.

TABLE.EXE

Put in anywhere on your local machine and run it. You can also run it directly on download. It'll open a dos box (yep - that's me). It'll ask you for 4 parameters:

• Width in pixels: width of the whole table. A typical screen is 1000-1200 pixels wide, so 500 to 800 will be good. Smaller if you have a small number of columns with little data.
  
• Number of columns: how many cells next to each other.
  
• Number of rows: height of the table in cells.
  
• Default cell data: text that will be put in every cell. This makes it easy/easier to find where to type your data.

The program will write a text file in the root of your C: disk, having the name ROWCOL.TXT. You can open it using any word processor, like notepad, wordpad or word. Copy and paste the contents into your post.



Will result in:



Showing as

**	**	**	**	**	**
**	**	**	**	**	**
**	**	**	**	**	**

OK back to doing something useful.

---

I'm also implementing some tags for calculation. More to follow.

The calc-addsound tag: Calculates the sound level when two sounds at specified levels are added.

Result:

Two sources that are both 90 dB produce a level of dB.

---

Combining tags

In a lot of cases, tags can be combined. If you want to know how, experimenting is the way to go. Sometimes the result is obvious, sometimes it is downright unpredictable. After all, tags are nothing but a translation to html.

Examples:

Result:



Result:



Result:

---

If you have any further questions, do not hesitate to ask.

Happy tagging!

_________________

---

Don't judge the coffee by its cup.
The proof of the cheese is in the eating