ELCode Help


ELCode is a special set of tags to format an ELOG entry. It is similar to HMTL, but simpler. Tags are enclosed in braces [ and ] rather than < and >. Some tags change the formatting of the text like boldface, size and color, while other tags allow the embedding of URLs and images. The ELCode tags are similar to the BBCode tags, sometimes also referred as vB code.

Text formatting


Following tags in ELCode allow the basic formatting of the text:

[b]Hello[/b]will become bold text like Hello
[u]Hello[/u]will become underlined text like Hello
[i]Hello[/i]will become italics text like Hello
[color=red]Hello[/color] or
[color=#FF0000]Hello[/color]		will both become Hello. One can either speciy a well know color name like white, red, green, lightgreen, or a hexadecimal RGB value, where the first two digits (00 - FF) are for the red component, the second for the green and the third for the blue part.
[size=5]Hello[/size]will become text like Hello. The size of the text in pixels ranges from 1 to 29. Here are some examples: size=1, size=2, size=3, size=4, size=5, size=6.
[font=comic]Hello[/font]will change the text font. Here are some examples: comic, courier, arial, tahoma, times, verdana
[center]Hello[/center]
will put the text in the center

Tags can be nested, such as

[size=5][color=red][b]Hello[/b][/color][/size]

which would produce Hello. Note that tags have to be nested correctly, things like

[b][color=red]This is wrong![/b][/color]

are incorrect, since the [b] tag is opened first and therefore must be closed last, after the closing [/color] tag, such as in

[b][color=red]This is correct[/color][/b]

Escape character


Sometimes one does not want ELCode tags to be interpreted, like in a discussion forums where one wants to explain some tags for example. In order to avoid interpretation of tags, one puts a backslash "\" in front of the tag, like \[b] instead of [b].

Smileys


Smileys, or Emoticons, are small graphical images which can be used to express some feeling using a short code, e.g. :) means happy. They are converted by elog automatically into small graphical images, such as



:) :( ;)
:)) :D ?)
;( :] :O
8)8o X(
:P

Quoting


There are two ways of quoting, with a reference and without:

  • Enclosing some text with [quote]Original Text[/quote] produces a quote without reference such as:

    Quote:
    Original Text

  • Enclosing some text with [quote="Mr. Bean"]Original Text[/quote] produces a quote with reference such as:

    Mr. Bean wrote:
    Original Text

    Note that it is mandatory to enclose the reference "Mr. Bean" in quotation marks.

Fixed width text


To output text with fixed width using a Courier-type font, enclose it in

[code]Hello[/code]

This might be useful in computer code listings or tables to increase the readability, like

Item                Price     Availability
====                =====     ============

Apples               0.50     1000
Grapefruits          2.50     100
Sun-dried Tomatos   12.50     20

versus

Item Price Availability
==== ===== ============

Apples 0.50 1000
Grapefruits 2.50 100
Sun-dried Tomatos 12.50 20

Lists


An unordered list can be created with the tags [list][/list] like

[list]
[*]Ocean
[*]Forest
[*]Desert
[/list]

to produce

  • Ocean
  • Forest
  • Desert

In an ordered list one can specify what is used before each item. To create a numbered list one can use [list=1][/list]:

[list=1]
[*]Ocean
[*]Forest
[*]Desert
[/list]

to produce

  1. Ocean
  2. Forest
  3. Desert

for an alphabetical list [list=a][/list] like

[list=a]
[*]Ocean
[*]Forest
[*]Desert
[/list]

to produce

  1. Ocean
  2. Forest
  3. Desert

Other possibilities are [list=A] for capital letters and [list=I] for Roman numbering.

Creating links


Hyperlinks or Uniform Resouce Locators (URLs) can be created in various ways:

  • Any syntactically correct URL gets automatically transformd into a link, even without any leading http:// in front of it. So elog.psi.ch/elog gets converted into elog.psi.ch/elog and http://www.cern.ch gets converted to http://www.cern.ch.

  • To specify an URL explicitly, enclose it in [url]www.cern.ch[/url]

  • If the link should contain some text different from the URL, specify it with [url=http://www.cern.ch]Text[/url] like in

    Go to [url=http://www.cern.ch]CERN[/url]

    which will produce:

    Go to CERN

  • The same works for email addresses. They can be used like in [email]john.doe@domain.org[/email] or simply as john.dow@domain.org which will be converted automatically into john.doe@domain.org.

Embedding images


There are two ways to embed images in the text:

  • Images can be embedded in the text with the [img]URL[/img] tags, where the URL must point to an image availabe on the internet. Note that this only works for images which are accessible through a web browser. Images on your local hard disk cannot be accessed from outside unless you don't run a public web server. You can for example embed the elog logo with:

    [img]http://elog.psi.ch/elogs/elog.png[/img]

    which produces

  • You can upload an image as an attachment in your elog entry and link to it with

    [img]elog:/1[/img]

    where elog:/1 stands for the first attachment, elog:/2 for the second etc. If you reference your attached images in this way, they are not shown again at the end of the entry.

ELOG Home Page